我用jQuery实现了一组可拖动的元素,可以将它们放入某些容器中。我需要一个动画效果,可以将一个元素移动到特定的容器,而不需要用户交互。问题在于,这些元素和容器在DOM的完全不同部分,并且大多数情况下使用浮动进行定位。
我需要的仅仅是一些代码,以获取两个浮动DOM元素之间的绝对位置差异,最好使用jQuery。我找到的唯一的东西是一些解析DOM的黑科技,但总是非常依赖于浏览器(例如,“这在Firefox或IE或其他浏览器中无法正常工作”)。
最好的解决方法是这样的:
var distance = getDistance(element1, element2);
或者用jQuery的表示方式:
var distance = $(element1).distanceTo($(element2));