0
我有一个可拖动元素和一个可拖动元素。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>