0

「表面」div内で複数の要素をドラッグできるjqueryを使用してUIを作成しています。これらのいずれかが重複することを許可したくありません。それらの間にマージンを設定することで、実際に行うことができます。理想的には、ドラッグ操作中にこれが発生することを望みます。これにより、ユーザーは実際に要素を互いに乗り越えることができず (または近づきすぎず)、他の場所にドロップする必要があることに気付くことができます。

封じ込めオプションを見てきましたが、私が望んでいるようには見えません。私が見逃しているこれを行う簡単な方法はありますか?

4

1 に答える 1

1

http://sourceforge.net/projects/jquerycollision/を使用して解決できました

ドラッグ可能なオプションの障害を追加する必要がありました: '.elem:not(.ui-draggable-dragging)', preventCollision: true

ここで、.elem はドラッグ可能な要素のクラスです。

注意してください。:not(.ui-draggable-dragging) が必要です。それ以外の場合は、それ自体との衝突を防ぎ、移動しません

于 2012-09-12T07:52:54.920 に答える