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

时间:2012-04-06 07:49:57

标签: jquery jquery-ui jquery-ui-sortable

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

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

然而,只要我:

,它就可以正常工作
  1. 从项目
  2. 中删除'disabledItem'类
  3. 拖动它(不拖动一切正常)
  4. 重新申请'disabledItem'类
  5. 它没有再次被禁用,即使它附加了'disabledItem'类。

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

1 个答案:

答案 0 :(得分:0)

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

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

  

通过传递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');
});