jQuery可排序重新排序

Question

我有一些结构：

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元素。 现在在某些类别排序工作，但我需要将项目排序到另一个类别。

示例：我需要在“这是可排序的5”之后排序“这是可排序的2”。 或者在“这是可排序的2”之后排序“这是可排序的5”。

我的代码（ 小提琴 ）：

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

Answer 1

这是＃4551的错误 。 当浮动增强列表项时， connectWith选项显然不能按预期工作。

删除float: left; 从以下规则解决您的问题，以牺牲项目布局为代价（您可能需要指定固定宽度来补偿）：

#lists .due li,
#lists .date li,
#lists .other li,
#lists .title {
    float: left;  // <-- Remove this style.
    padding: 8px;
    margin-left: -9px;
    border: 1px solid #fff;
    border-radius: 2px;
    margin-top: 1px;
}

你会在这里找到一个更新的小提琴。