jquery拖放和克隆，找到元素的放置位置

Question

这里是我的 jquery 拖放和克隆功能。

问题：

我的问题是：当我删除元素时，它会显示：

position: {top: 0, left: 0}

仅适用于可拖动、克隆和可放置元素。

我还编写了仅使用 draggable 函数查找位置的代码，并且运行良好。我希望draggable, droppable with clone feature中的这种行为@

请访问 JSFiddle

fiddle

full-screen output

Answer 1

终于解决了问题。问题是，我使用ui.draggable.position(); 将放置的位置存储到数据库，这是错误的。

我们需要存储的实际位置是：

// position of the draggable minus position of the droppable
// relative to the document
leftPosition  = ui.offset.left - $(this).offset().left;
topPosition   = ui.offset.top - $(this).offset().top;

参考：How do I get the coordinate position after using jQuery drag and drop?

用工作示例更新了 Jsfiddle

http://jsfiddle.net/przbadu/rkvdffe3/18/

http://jsfiddle.net/przbadu/rkvdffe3/18/embedded/result/