检查DOM元素是否可拖动并且设置是否等于JavaScript变量?

检查DOM元素是否可拖动并且设置是否等于JavaScript变量?,第1张

概述通过jQuery创建等于DOM元素“draggable”状态的 JavaScript变量的最有效方法是什么? 我尝试了以下方法: $(document).ready(function() { $('#editButton').click(function() { var isDraggable = $('.tile').draggable('option', 'disabl 通过jquery创建等于DOM元素“draggable”状态的 JavaScript变量的最有效方法是什么?

我尝试了以下方法:

$(document).ready(function() {    $('#editbutton').click(function() {        var isDraggable = $('.tile').draggable('option','Disabled');        if(isDraggable == "true")        {            $(function() {                $('.tile').draggable({                    containment: '#content',scroll: false                });                $('.tile').resizable({                    maxHeight: 200,maxWIDth: 200,minHeight: 100,minWIDth: 100                });            })        }    })});

我没有得到任何语法错误或任何东西,但功能不存在.

这是随附的HTML:

<div ID="content">        <div ID="navbar">            <input type="button" ID="editbutton" value="Edit" />        </div>        <ul>            <li>                <div ID ="Google" >                    <img src="images/tiles/Google/Google.png"  wIDth="27" height="41" />                    <p>Google</p>                </div>            </li>            <li>                <div ID="yahoo" >                    <p>Yahoo</p>                </div>            </li>            <li>                <div ID="thelockpeople" >                    <p>The Lock People</p>                </div>            </li>            <li>                <div ID="amazon" >                    <p>Amazon</p>                </div>            </li>            <li>                <div ID="masterlock" >                    <p>Masterlock</p>                </div>            </li>            <li>                <div ID="hpionline" >                    <p>Hpionline</p>                </div>            </li>            <li>                <div ID="youtube" >                    <p>YouTube</p>                </div>            </li>            <li>                <div ID="kitco" >                    <p>Kitco</p>                </div>            </li>            <li>                <div ID="usatoday" >                    <p>USA Today</p>                </div>            </li>            <li>                <div ID="gamefly" >                    <p>GameFly</p>                </div>            </li>        </ul></div>

我究竟做错了什么?

解决方法 为了使它工作,只需替换说:

if(isDraggable == "true")

有:

if (isDraggable)

原因是isDraggable是一个对象,如果它存在(即“.Title”div上的“draggable”方法工作)那么它将是真的(存在且非零),但它不等于1,这是true的数值,因此您的原始测试失败,您永远不会调用该函数.

总结

以上是内存溢出为你收集整理的检查DOM元素是否可拖动并且设置是否等于JavaScript变量?全部内容,希望文章能够帮你解决检查DOM元素是否可拖动并且设置是否等于JavaScript变量?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1062594.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存