jquery - 启用和禁用可拖动元素

Question

我正在禁用一些“li”可拖动元素，然后尝试根据其 id 和类启用“li”元素。该类正在被删除，但 li 元素仍然不可拖动？

//Disabling draggable on li elements using 'not'
$(".myLi:not(.disable)").sortable({
revert : true,
}).draggable({
helper : "clone"                
}
});

<li id="test" class="myLi disable" >Li Point1</li>

var toTest = $('#test');

//Enabling li element to draggable again using id and class
toTest.removeClass('disable');

Answer 1

首先，您只将可拖动功能添加到带有class myli但没有class 禁用的元素。稍后，您从一个元素中删除class 禁用。因为它从来没有变成功能，所以不能拖动。

首先使所有li可拖动，然后您应该使用enableanddisable方法 from draggable：

$(".myLi").sortable(...).draggable(...);
$(".myLi.disable").draggable('disable');

如果要启用一个：

toTest.draggable('enable');

另请参阅此示例。