可拖动/可放置/可排序的组合不会重新排列元素？

Question

我在div列表上使用jQuery draggable()， dropable()和sortable()。我想让它们四处移动，同时让它们彼此向左浮动，并将它们扔到其他目标上。

我注意到当使用draggable()时，CSS属性' position '从默认的' static '更改为' relative '。当我将一个元素拖放到另一个位置时，我希望列表中的其他元素能够在彼此下面排列，而不需要拖动元素所使用的空间，但这似乎没有发生。

我试着改变这些元素的"位置"回到"静态"，但这也没有帮助…

我做错了什么?

更新:

一个jsfiddle可以在这里找到:http://jsfiddle.net/bTCvt/1/

我试着在这里组合一个可拖放，可放和可排序，但我不知道它们是如何一起工作的。我想要的是能够拖动字段，并能够把它们放在粉红色的div上，但布局应该自己安排，所以没有空(垂直)空间和50%的元素应该出现在彼此旁边，如果可能的话。

Without draggable()看起来更像，但是那样我就不能使用droppable了

Answer 1

你能看看这个jsFiddle吗?

目前它只工作，如果你按顺序添加它们。但这将给你一个起点。如果我找到更好的解决方案，我会更新的。

$('.dropcontainer').droppable({
    drop: function (event, ui) {}});