我尝试了以下方法:
$(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变量?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)