jQuery 可拖动 : grab position from a wrap/unwrapped div & set that position on another div?

Question

我想将一个 div 拖到另一个位置，将它永久设置在那里(直到我再次拖动它)，所以即使我展开可拖动元素，它仍然停留在那个位置。截至目前，只要我打开它，它就会弹回原来的位置。

在这里查看我的 fiddle

   See Below:

http://jsfiddle.net/u8hab68y/3/

另请注意，我希望能够尽可能多地执行此操作。所以，一旦它位于新位置，我应该能够再次将它包裹在该位置，拖动它，将它设置在另一个新位置，然后一遍又一遍地做同样的事情。

Answer 1

你可以这样做:

http://jsfiddle.net/u8hab68y/6/ (更新它所以没有偏移了)

我基本上添加了一个 inPosition 类，它在元素被展开并添加时切换

position: absolute;

到元素。

我还把可拖动包装器的 x 和 y 值存储在 #thing 元素中，并设置为 css 值，一旦元素被展开(现在有一个偏移量，因为包装器有一个 10px 的边框)。

对于重新包装，您需要添加一些功能，将包装元素的位置更改为#thing 元素的位置，但这与相反的方式类似。