キャンセルされたアイテムのドロップを防ぐ方法

Question

私は動的リストliを持っていますが、最後の要素は編集可能であることがあります。

編集可能な場合、最後の要素の代わりにすべての項目をドラッグ/ドロップします。 （注：最後の要素が編集可能でない場合は、それをドラッグする必要があります）。

• ダイナミックではない鉱山の例を作成しましたが、アイデアを得たいので、このコードをアイデアとして使用します。

最後の要素が編集可能になると、IDを変更するので、そのIDでドラッグをキャンセルできます。 問題はアイテムがまだドロップ可能であることで、私は以下の例では、第2項は3

<ul class="sortable"> 
    <li id="item_1">Item 1</li> 
    <li id="item_2">Item 2</li> 
    <li id="item_3_edit">Item 3 (Edit State)</p> 
</ul> 

Javascriptを編集可能な項目にドラッグすることができることを意味：

$(function() { 
    $(".sortable").sortable(); 
    $(".sortable").disableSelection(); 
    $('.sortable').sortable({ cancel: '#item_3_edit' }); 
}); 

Fiddle

アイテム2が編集可能アイテム3を変更できないように修正するにはどうすればいいですか？

Answer 1

お試しください

$(function() { 


    $(".sortable").sortable({ 
     items: "li:not(#item_3_edit)" 
    }); 
    $(".sortable").disableSelection(); 
    });