什么是通过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" class="tile">
<img src="images/tiles/google/google.png" class="tile_image" width="27" height="41" />
<p>Google</p>
</div>
</li>
<li>
<div id="yahoo" class="tile">
<p>Yahoo</p>
</div>
</li>
<li>
<div id="thelockpeople" class="tile">
<p>The Lock People</p>
</div>
</li>
<li>
<div id="amazon" class="tile">
<p>Amazon</p>
</div>
</li>
<li>
<div id="masterlock" class="tile">
<p>Masterlock</p>
</div>
</li>
<li>
<div id="hpionline" class="tile">
<p>Hpionline</p>
</div>
</li>
<li>
<div id="youtube" class="tile">
<p>YouTube</p>
</div>
</li>
<li>
<div id="kitco" class="tile">
<p>Kitco</p>
</div>
</li>
<li>
<div id="usatoday" class="tile">
<p>USA Today</p>
</div>
</li>
<li>
<div id="gamefly" class="tile">
<p>GameFly</p>
</div>
</li>
</ul>
</div>
我做错了什么?