jquery - 他の div に対する div の位置を取得する

Question

div 3 x 3 のグリッドがあります

アイテムをドラッグしてドロップすると、他のすべての div に対するドロップされた div の位置を知りたいです。

各divにX、Y値を設定する必要があります。ドロップすると、移動中のdivのX、Y値にアクセスできますか?

http://jsfiddle.net/adrianjsfiddlenetuser/8LQmE/に示されているように、他の div に対してドロップされている div の X、Y 位置を取得したいと思いますか?

Answer 1

jQuery には、ドキュメントを基準にして、指定された要素のピクセル座標を計算して返す.offset()メソッドがあります。

ある要素の相対的な位置を取得するには、2 つの要素の位置の差を計算します。

var d1 = $("#div1");
var d2 = $("#div2");
var p1 = d1.offset();
var p2 = d2.offset();
var rel = { left: p2.left-p1.left, top: p2.top-p1.top };