JQuery UI droppable元素禁用选项不更新
问题描述:
我有一个可拖动元素和一个可拖动元素。JQuery UI droppable元素禁用选项不更新
通过一组单选按钮,我将droppable> option> disabled的状态更改为True或False。
要检查我阅读障碍期权的价值(可放开)和一个div#D1
内显示在默认情况下,因此正在禁用选项设置为false状态,我能将元素放置在可droppable元素中,如果我将选项设置为True,然后再将其更改为False,则不起作用。状态显示disabled选项设置为false,但仍然不接受。
$(document).ready(function() {
///////////
$(function() {
$("#draggable").draggable({
});
});
///////////
$("#droppable").droppable({
drop: function(event, ui) {
$(this)
.find("p")
.html("Welcome Dropped!");
}
});
///////////////
var status_used = $("#droppable").droppable("option", "disabled");
$('#d1').html(" <b>Status of option : disabled </b> " + status_used);
////////////
$("input:radio[name=r1]").click(function() {
var sel=$(this).val()
$("#droppable").droppable("option", "disabled", sel);
var status_used = $("#droppable").droppable("option", "disabled");
$('#d1').html(" <b>Status of option : disabled </b>: " + "("+ sel + ")" +
status_used);
})
///////////////////////
})
的HTML部分是这里
<div class='row'> <div class='col-md-6'>
<div id="draggable" class="ui-widget-content">
<p>Drag me to my distination</p>
</div>
</div><div class='col-md-2'>
<div id="droppable" class="ui-widget-header" >
<p>Dropp here</p>
</div>
</div></div>
<div id=d1></div>
<br>
<div class='radio-inline'>
<label><input type='radio' name='r1' id='r1' value='true' > True</label>
</div>
<div class='radio-inline'>
<label><input type='radio' name='r1' id='r2' value='false' checked>False</label>
</div>
答
的问题是,value
是一个字符串,而不是布尔值。此选项需要一个布尔值,并且'true'
与true
不同。
这是这里讨论:How can I convert a string to boolean in JavaScript?
建议更新:
var sel = ($(this).val() == 'true');