1

私は jquery ドラッグ可能/ドロップ可能で、包含オプションとヘルパー オプション セットを使用しています。私がしたいのは、ドロップされたアイテムの上部と左側のパラメーターを 2 つの変数に格納することです。

次の例 (新しいドキュメント アイコンをボックスにドラッグ) でこれを達成しましたが、返される位置は、親 DIV ではなく、元のアイコンに対する相対位置です。アイコンとドロップ可能なボックスの両方が絶対配置されます。

http://www.instructuk.com/drop.php

アイコンの代わりに親に関連する位置を取得する方法を知っている人はいますか?

4

2 に答える 2

10

自分で計算する必要があります。

var
  draggableDocumentOffset = ui.helper.offset(),
  droppableDocumentOffset = $(this).offset(),
  left = draggableDocumentOffset.left - droppableDocumentOffset.left,
  top = draggableDocumentOffset.top - droppableDocumentOffset.top;

alert('Item was dropped at - Left: ' + left + ', Top: ' + top);
于 2011-05-10T16:10:58.820 に答える
0

これはおそらく最も美しい解決策ではありませんが、次の方法でドキュメント内のドロップの位置を取得できます。

x=event.pageX;
y=event.pageY;

次に、ドロップブル領域の座標を使用して、xとyから減算します。

dx=$("#droparea").offset().left;    
dy=$("#droparea").offset().top;    
var left=x-dx;          
var top=y-dy;

K

于 2011-05-10T15:57:51.443 に答える