获得div相对于其他div的位置

Question

我有div 3 x 3的网格

当我拖动一个项目并且它被删除时，我想知道丢弃的div的位置 所有其他div。

我应该在每个div上设置一个X，Y值吗？当它被删除时，访问要移动的div的X，Y值？

如http://jsfiddle.net/adrianjsfiddlenetuser/8LQmE/中所示，我想让div中的X，Y位置被丢弃 与其他div的关系？

Answer 1

jQuery有一个.offset()方法，用于计算并返回给定元素相对于文档的像素坐标。

要获得一个元素相对于另一个元素的位置，请计算两个元素的位置差异：

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 };