启用和禁用可拖动元素

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都可拖动，然后您应该使用enable中的disable和draggable方法：

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

如果你想启用一个：

toTest.draggable('enable');

另见this example。