Jquery UI可拖动绝对而不是相对？

Question

我有一个div包含一些jquery draggables,但是如果在任何时候我从页面中删除其中一个draggables然后这可以移动其余的,因为它们与相对位置.

这是一个小提琴展示:http: //jsfiddle.net/VolatileStorm/aNk6e/

我提出的解决方案是,draggable应该使用绝对而不是相对定位,但是我找不到这样做的方法.有没有办法做到这一点,如果没有,任何人都可以想办法吗？(为了优雅,我不接受"不要删除其他可拖动的").

Answer 1

1. 添加position:absolute到您的元素.
2. 在调用之前将它们附加到DOM .draggable.

Answer 2

为什么不position:absolute适合你？

由于绝对定位的元素不再是文档流的一部分,因此您的三个元素中的每一个<div>都放置在0,0其包含(定位)元素的位置.因此,由你决定你的可拖动的起始位置.

Answer 3

在将元素设置为可拖动时,可以使用jQuery css函数将位置设置为绝对位置.

$(this).draggable().css("position", "absolute");