jQueryドラッグアンドドロップ：クローンドラッグ可能な移動元

Question

ドラッグで問題が発生しました&ドロップin jQuery。私のコードには、ドラッグ可能なdivがあります。特定のドロップ可能な表のセルに移動すると、divのクローンが表のセルに追加されます。しかし、クローンをドラッグすると元のdivが代わりに移動します。これは、ここにドロップに呼び出される関数です：

function(event, ui) 
{ 
    var draggable = ui.draggable.clone(true); // cloning including attrs and children 
    draggable.draggable(); // this is something I tried with no effect 
    $(this).empty(); // empty the droppable cell 
    $(this).append(draggable); // append the div to the cell 
} 

私はグーグルによって明確な答えを見つけることができませんでした。私はそれが何かを持っているかどうか分からないが、divは相対的な位置を（そしてその方法を維持する必要があります）。

クローンを元のようにドラッグできることを確認するにはどうすればよいですか？

Answer 1

これは私がそれを行う方法です、これはトリックを行う必要があります。

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

私はあなたがやったかどうかを知りませんが、ドラッグ可能にID-Sを使用していない、これらはあまりにも複製しようとしている原因となります。また、ドラッグ可能な要素を適用する前に要素を追加する必要があります。

Answer 2

Helper Optionを見ましたか？

Answer 3

あなたはfalseを.clone（）に渡してみましたか？そのboolはwithDataAndEventsの略で、古いオブジェクトにも関連付けられているすべての同じイベントを継承しています。

編集：他の理由でDataAndEventsが必要な場合は、クローンを作成する前に元の右にdraggable（ "destroy"）を使用してから、再度ドラッグ可能にすることができますか？最もエレガントではありませんが動作します：http://jsfiddle.net/GheD5/

Answer 4

完全なコードを表示できますか？私は今推測していますが、代理人（） 'http://api.jquery.com/delegate/を使用することがあなたのソリューションの鍵になる可能性があります。

Answer 5

そうでなければ、あなたはドラッグ操作を終えたところだけ残ってます、元のアイテムをドラッグしている helper: "clone"

$("selector").draggable({ 
     ... 
     helper: "clone", 
     ... 
}); 

を含めるようにdraggable初期化コードを変更し

。