jQuery Position() 不能准确跟随可拖动元素

Question

我希望当拖动 A 时元素 B 跟随在元素 A 后面。我使用 jQueryUI 中的可拖动。

我做了这个: http://jsfiddle.net/7KhSS/

它有效，但不太准确。当 B 跟随 A 时，通常会在水平或垂直方向上有 1px-3px 的间隙。

我无法将元素 B 嵌套在元素 A 内(这将解决当前问题)，因为在我的情况下，元素 B 具有固定定位。

Answer 1

不要使用 $(this).position()，而是使用作为事件的第二个参数传递的 ui 对象上的 offset 属性:

$("#boxa").draggable({
    drag: function(e, ui) {
        $("#boxb").css({
            left: ui.offset.left - 100,
            top: ui.offset.top
        });
    }    
});​

http://jsfiddle.net/7KhSS/3/