JQuery Connected Sortablesおよびアイテムのドラッグスルーアイテムのプロパティ

Question

接続されたソート可能なアイテムのプロパティに問題があります。 は私がやろうとしていること（：ないオプションを使用して）：渡されたCSSセレクタを使用してドラッグする項目を無効にすることである、しかし、それは正常に動作します

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

たびI：

1. 削除 'disabledItem' （すべてをドラッグすると、正常に動作せず）項目
2. ドラッグ、それを周りに
3. 再適用 'disabledItem' クラス

からクラス

'disabledItem'クラスが添付されていても、再び無効になることはありません。ここにあなたが作業デモ行く http://jsfiddle.net/LZsT6/

Answer 1

Hiya：私はあなたがさらなる詳細を読むことができますをキャンセル使用していません：http://jsfiddle.net/tBKP6/1/

jsfiddleで周りの遊びを感じ、代わりのを

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'); 
});