HTML 5拖放到准确位置

Question

我希望我拖动的元素完全落入它释放的位置。我不确定我是否正确行事。到目前为止，我在drop事件中获取了drop坐标，然后设置了top和left属性。它的工作原理，除了我必须偏移左侧和顶部，这让我怀疑有些东西不对。这是我的功能。任何人都可以指出我正确的方向

var dropped = function (e) {
    cancel(e);

    machine.parentNode.removeChild(machine);
    e.target.appendChild(machine);

    $(machine).css("top", (e.offsetY - 40) + 'px');
    $(machine).css("left", (e.offsetX - 30) + 'px');
    $("#text").html(e.offsetX + ' - ' + e.offsetY);
    return false;
}

Answer 1

如果您已经在使用jquery，最简单的方法可能就是使用jQueryUI可拖动的交互

http://jqueryui.com/draggable/