jQuery可拖动偏移量错误

Question

我遇到了可拖动的问题。 开始拖动时，相对于窗口的[0,0]而不是可拖动元素的父<div>来测量光标的位置。

例如，如果父容器的偏移量为margin-left:200px ，则当您尝试向右拖动紧靠容器左边框的元素时，只有将光标移到200像素后，该元素才会开始移动。此左边框的右边。

有关实际演示，请参阅（我无法在JSFiddle上复制它）： 演示

我想这需要对可拖动源进行一些修改。 对我来说有点复杂。

有任何想法吗？

Answer 1

您可以通过使用$（element）.offsetParent（）来抵消父项。 当父元素放置在绝对位置时特别方便。 您可以编写循环以遍历所有父元素并复合其偏移量。

仅供参考，您的演示在支持触摸的设备上不起作用;）

更新我看了一下您的演示，（最后再次在PC上）。 如果删除div.container的“ position：relative”，则可拖动对象将按预期方式工作（或者至少按照我认为您期望它们的行为：D）。

Answer 2

我也遇到了这个问题，并且能够通过首先计算边界框到窗口的偏移量（左和右）来解决此问题。 接下来，我更新了容器x1，y1，x2，y2的位置，以反映边界框的位置。