javascript - JQuery UI - Draggable を Droppable に追加

Question

jQueryUIのドラッグ可能/ドロップ可能を使用して、ドラッグされているアイテムをドロップ時にターゲット要素に追加するにはどうすればよいですか? jQuery UI の現在の動作方法は、画面上でアイテムを絶対位置で移動するだけのようです。残念ながら、この機能により、送信時に値の位置を取得できないため、フォームの送信が役に立たなくなります。

アイテム/ポインターを事前にありがとう！

Answer 1

私の理解が正しければ、ドラッグされた要素を現在の親から切り離し、新しい親に追加する必要がありますよね? ヘルパーを使用してドラッグを行い（元の要素は影響を受けません）、ドロップすると、それをデタッチしてターゲットに追加できます（元の回答を改善してくれた@Olegと@Brianに感謝します）。

$(myDraggable).draggable({
    helper:"clone",
    containment:"document"
});

$(myDroppable).droppable({
    drop:function(event, ui) {
        ui.draggable.detach().appendTo($(this));
    }
});

jsFiddleでの動作例