HTML 5 拖放到准确位置答案

【问题标题】：HTML 5 drag and drop to exact positionHTML 5 拖放到准确位置
【发布时间】：2013-08-23 19:13:08
【问题描述】：

我希望我拖动的元素准确地放到它被释放的位置。我不确定我这样做是否正确。到目前为止，我在 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;
}

【问题讨论】：

标签： html drag-and-drop

【解决方案1】：

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

http://jqueryui.com/draggable/

【讨论】：

谢谢。如果它是一个商业项目，我会使用 JqueryUI 或 Telerik。但是，我将其作为一个辅助项目来学习较新的 HTML/HTML 5 功能，因此我想了解自己编写代码的最佳实践。干杯，克里斯。