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元素进行排序。现在在某些类别中，排序是有效的，但我需要将项目排序到另一个类别。

例如：我需要在“这是可排序的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();

- Ihor Sviziev

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;
}

您可以在这里找到更新的代码片段。

- Frédéric Hamidi