これをどう聞いたらいいのかわかりませんが、左側に 3 つの要素 (A、B、C) が存在し、右側の 3 つの要素 (1、2、3) にドラッグできるインターフェイスを作成しようとしています。
ドロップしたときに左のアイテムを右のアイテムにスナップしたいが、他の 2 つのアイテムと交換可能にしたい。
A、B、C を右側にスナップさせることはできますが、入れ替えることはできないようです。をドロップに設定するui.draggable.positionと、右に並べ替える方法がわかりません。それらを複製して無駄に削除しようとしましたが、最終的にエラーが発生しました。
私はこれまでのところこれを持っています: http://jsfiddle.net/7xFsr/13/
前もって感謝します！
特定の問題があることはわかっていますが、これが私の解決策です。最後に、jQuery UI 機能を操作する方法を見つけましたposition()。
各開始ノードの ID とそのラッパー (位置を元に戻すため) を格納する配列を作成しました。
ドロップ時に、メソッドに配列を通過させ、その位置に何かがドロップされているかどうかを調べました。そうでない場合は、問題ありません。その場合は、配列に戻り、ドロップされている現在のアイテムを見つけて、その前のコンテナーを取得します。既に存在するものを選択し、その位置を現在の位置の前の位置に変更し、現在の位置を空の位置に配置します。
ちょっと複雑ですが、同じjsfiddleを使用して解決しました：http://jsfiddle.net/7xFsr/35/
これが誰かを助けることを願っています!