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

Question

在这里，我是jquery拖放，删除和克隆功能的小提琴。

问题：

我的问题是：当我丢弃元素时，它显示：

position: {top: 0, left: 0}

仅适用于draggable，clone和droppable元素。

我还编写了仅使用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/