draggable / droppable / sortable的组合不会重新排列元素？

Question

我在DIV列表中使用jQuery draggable（），droppable（）和sortable（）。我想移动它们，同时保持它们彼此漂浮并将它们放在其他目标上。

我注意到当使用draggable（）CSS属性＆＃39; position＆＃39;已更改为默认＆＃39; static＆＃39;到＆＃39; relative＆＃39;。当我将一个元素放到另一个位置时，我希望列表中的其他元素在彼此之间排列，而没有使用拖动元素的空间，但这似乎不会发生。

我尝试过更改＆＃39; position＆＃39;这些元素回到了静态＆＃39;但这对...都没有帮助...

我做错了什么？

更新

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

我尝试在这里组合一个可拖动，可放置和可排序的，但我无法弄清楚它们是如何协同工作的。我想要的是能够拖动字段，并能够将它们放在粉红色div上，但布局应该自行排列，这样就没有空（垂直）空间，50％的元素应该出现在彼此旁边，如果可能的话。

没有draggable（）似乎更喜欢它，但是我不能使用droppable。

Answer 1

你能看看这个jsFiddle。

目前仅在按顺序添加时才有效。但这会给你一个起点。如果我找到更好的解决方案，我会更新。

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