2

私はこれをどうやって尋ねるのかは分かりませんが、左側に3つの要素(A、B、C)があり、右側の3つの要素(1、2、3)にドラッグできるインターフェイスを作成しようとしています。 )。ドラッグ可能なスナップをドロップ可能にする方法、スワッピングを許可する方法はありますか?

私は左のアイテムをドロップしたときに正しいアイテムにスナップすることを望んでいますが、他の2つのアイテムと交換することができます。

私はA、B、Cを右側にスナップすることができますが、スワップすることはできません。ドロップでui.draggable.positionを設定すると、右に並べ替える方法がわかりません。私はクローンを試み、無駄にそれらを削除し、私はいくつかのエラーを取得し終わった。

私はこれまでのところ、これを持っている:事前にhttp://jsfiddle.net/7xFsr/13/

感謝を!

答えて

5

私は特定の問題があることを知っていますが、ここに私の解決策があります。最後に、jQuery UI position()の機能を操作する方法を理解しました。

私は、各開始ノードのIDとそのラッパー(位置を元に戻す)を格納した配列を作成しました。

私はドロップ時に配列を調べ、その位置に何かが落ちているかどうかを調べました。そうでない場合は問題ありません。その場合は、配列に戻り、現在の項目が削除されていることを確認し、その前のコンテナを取得します。すでにあるものを選択してその位置を現在の位置に変更し、現在の位置を空の位置に置きます。

複雑の種類が、私は同じjsfiddleを使用して、それを働いた:http://jsfiddle.net/7xFsr/35/

・ホープこれは誰かに役立ちます!

+0

これはとても良いコードサンプルです。それを共有していただきありがとうございます(+1):) – Boro

+0

実際、このようなことをしばらくお待ちしております!すごい仕事 – Francois

関連する問題