jquery - ドラッグ/ドロップ時にアイテムからドラッグ機能を削除

Question

ドラッグ可能なアイテムのリストがあります：

$( "li" ).draggable({
      connectToSortable: ".sortable",
      helper: "clone"
});

アイテムがドラッグ アンド ドロップされると、ユーザーが同じアイテムを再度ドラッグできないようにしたいと考えています。これを達成できますか？ドラッグしたばかりのアイテムにcssを追加する可能性がありますか?

ユーザーがアイテムをドロップしない (ドラッグをキャンセルしない) 場合、このアイテムの今後のドラッグは有効なままにする必要があります。

注: helper:clone属性を削除することはできません。

Answer 1

このようなものがうまくいくかもしれません：

$( "li" ).draggable({
           connectToSortable: ".sortable",
           helper: "clone",
           stop: function(event, ui) { $(this).draggable('disable') }
});

Answer 2

dragstop イベントをリッスンしている間はドラッグ可能を無効にします。

$( ".selector" ).bind( "dragstop", function(event, ui) {
    $( ".selector" ).draggable({ disabled: true });
});