HTML 5 перетаскивание в точную позицию

Question

Я хочу, чтобы мой элемент, который я перетаскиваю, попал в то место, в котором он был выпущен. Я не уверен, что я прав. Пока я получаю координаты падения в событии drop, а затем устанавливаю верхнее и левое свойства. Это работает, вроде, за исключением того, что я должен компенсировать левый и верхний, что заставляет меня подозревать, что есть что-то не так. Вот моя функция. Может кто-нибудь мне точку в правильном направлении

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/