JQuery Connected Sortables和禁用项目拖动项目属性

Question

连接的sortables的items属性出现问题。 我要做的是禁用使用CSS选择器拖动的项目（使用：not option）：

.sortable({
    items: ":not(.disabledItem)"
});

然而，只要我：

，它就可以正常工作

1. 从项目
中删除'disabledItem'类
2. 拖动它（不拖动一切正常）
3. 重新申请'disabledItem'类

它没有再次被禁用，即使它附加了'disabledItem'类。

JsFiddle示例： http://jsfiddle.net/LZsT6/

Answer 1

Hiya，你去工作演示：http://jsfiddle.net/tBKP6/1/

随意使用jsfiddle，而不是：我没有使用取消您可以阅读文档中的更多细节。 http://jqueryui.com/demos/sortable/items.html＆amp;＆amp;别忘了接受答案：）

  

通过传递jQuery选择器指定哪些项目有资格进行排序   进入项目选项。不包括此选项的项目   可排序的，也不是可排序项目的有效目标。

     

要仅阻止对某些项目进行排序，请将jQuery选择器传递给   取消选项。取消的项目仍然是有效的排序目标   其他

Jquery代码

$('.list')
    .sortable({
        connectWith: ".list",
        //items: ":not(.disabledItem)"
        cancel: ".disabledItem"
    });

$('#enableItem').click(function(){
    $("#itemToDisable").removeClass('disabledItem');        
    //$("li[value='it']").removeClass('disabledItem');
});

$('#disableItem').click(function(){
    $("#itemToDisable").addClass('disabledItem');        
    //$("li[value='it']").removeClass('disabledItem');
});