2

ツール ボタンを含むフローティング ツールバーがあります。ツールバー自体は、「基本ツール」というタイトルのヘッダーを使用してドラッグできます。ツールバーの下には、ページ全体を占めるワークスペースがあります。ツールバーのボタンもドラッグ可能で、ワークスペースにドロップ可能です。ボタンをワークスペースにドラッグ アンド ドロップすると、いくつかのコンテンツを含む長方形のウィジェットに変わります。

私の問題は、ツールバーの上ではなく、グリッドワークスペースの上にある場合にのみアイコンをドロップしたいということです。Draggable/Droppable イベントを追跡するために console.log を追加しましdropた。ツールバーに要素をドロップすると、ワークスペースがイベント イベントを発行するようです。ワークスペースがツールバーの下にあるためだと思います。そのため、ツールバーにドロップされると、ツールバーの最初の位置に戻る必要があります。

ツール付きのツールバー

4

1 に答える 1

0

ツールがドロップされた場所を特定する必要があります: jQuery ドラッグ アンド ドロップを使用した後に座標位置を取得するにはどうすればよいですか? また、ツールボックスの配置場所を決定する必要があります: http://api.jquery.com/position/ 次に、ツールボックスの幅と高さを決定する必要があります: http://api.jquery.com/width/

その後、ツールボックスの長方形を計算し、ツールがそこに配置されているかどうかを確認します。そこに配置されている場合はドロップを拒否し、そうでない場合はドロップを許可します。

于 2013-05-15T13:45:50.240 に答える