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

问题描述:

连接排序的项目属性出现问题。 我想要做的是(使用:不是选项):禁止使用的物品通过CSS选择器拖动JQuery Connected Sortables和禁用项目属性拖动项目

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

它工作正常,但是,每当我:

  1. 删除“disabledItem”从项目类
  2. 拖动它周围(不拖,一切工作正常)
  3. 重新申请 'disabledItem' 类

即使它连接了“disabledItem”类,它也不会再次被禁用。

的jsfiddle例如: http://jsfiddle.net/LZsT6/

你好在这里你去工作演示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'); 
}); 

+0

感谢。这样可行。 – 2012-04-06 11:53:29

+0

Saweeet!高兴地帮助,欢呼! – 2012-04-06 11:54:40