jQuery可排序重新排序

时间:2012-11-20 17:30:05

标签: jquery jquery-ui drag-and-drop jquery-ui-sortable

我有一些结构:

li#lists
--ul
----li.category

------ul.due
--------li.item

------ul.date
--------li.item

------ul.other
--------li.item
--------li.item
--------li.item

我需要在ul.other元素中输入我的li.item元素。现在在某些类别中排序正在运行,但我需要将项目排序到另一个类别。

示例:我需要排序"这是可排序的2"之后"这是可排序的5"。或排序"这是可排序的5"之后"这是可排序的2"。

我的代码(fiddle):

$('.category ul.other').sortable({
    items: "li",
    helper: "clone",
    cursor: "move",
    placeholder: "drag-to",
    opacity: 0.5,
    connectWith: ".category ul.other"
}).disableSelection();

1 个答案:

答案 0 :(得分:1)

这是bug #4551

从以下规则中删除connectWith会以牺牲项目布局为代价来解决您的问题(您可能需要指定一个固定的宽度来补偿):

float: left;

您会找到更新的小提琴here