「クローン」ヘルパーでドラッグ可能なイベントを実行した後、元の要素を削除するにはどうすればよいですか？

Question

私はドラッグ可能なアイテムのリストを持っています。これらを複数のソート可能なリストにドラッグしています。他のヘルパーメソッドが正しく動作しなかったので、ドラッグ中に 'クローン'ヘルパーメソッドを使用する必要があります。

ソート可能なリストにドロップされたアイテムは残念ながら元のリストに残りません。

ドラッグが正常に終了したら元のアイテムを削除するにはどうすればよいですか？ （ソート可能なリストの1つに含まれていれば）

ソート可能なリストのdroppableイベントによって元の要素にアクセスできる可能性があると私は考えています。

おかげ

グレアム

Answer 1

check this example (jQuery UI-demo for sortables)

Answer 2

は、この基本的なセットアップは、あなたがやりたいように見えます。

$(function() { 
    $(".drag").draggable({ helper: 'clone' }); 
    $("#dropArea").droppable({ 
     drop: function(event, ui) { 
      //ui.draggable.appendTo(this); 
      $(this).append(ui.draggable); 
     } 
    }); 
}); 

これがうまく行かない場合は、コードを教えてください。

Answer 3

$('li','#draggable').draggable({ 
    helper: "clone" 
}); 

$('ul#droppable').droppable({ 
    accept: "#draggable > li", 
    drop: function(event,ui){ 
     $('li.note').remove(); 
     ui.draggable.appendTo('ul#droppable').fadeIn(); 
    } 
});