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

时间:2014-03-14 22:45:29

标签: jquery draggable droppable

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

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

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

我做错了什么?

更新

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

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

没有draggable()似乎更喜欢它,但是我不能使用droppable。

1 个答案:

答案 0 :(得分:0)

你能看看这个jsFiddle

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

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