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

【问题标题】：Combination of draggable / droppable / sortable doesn't rearrange elements?可拖动/可放置/可排序的组合不会重新排列元素？
【发布时间】：2014-03-14 22:45:29
【问题描述】：

我在 DIV 列表上使用 jQuery draggable()、droppable() 和 sortable()。我想移动它们，同时让它们彼此漂浮，然后将它们放在其他目标上。

我注意到在使用 draggable() 时，CSS 属性“position”从默认的“static”更改为“relative”。当我将一个元素拖放到另一个位置时，我希望列表的其他元素在彼此下方对齐，而没有拖动元素使用的空间，但这似乎不会发生。

我尝试将这些元素的“位置”改回“静态”，但这也无济于事......

我做错了什么？

更新：

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

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

没有 draggable() 似乎更像它，但是我不能使用 droppable。

【问题讨论】：

向我们展示您正在使用的示例，可能是 jsFiddle 示例。
用 jsfiddle 更新了我的问题...

标签： jquery draggable droppable

【解决方案1】：

你能看看这个jsFiddle。

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

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

【讨论】：