部分jQuery可排序

Question

我希望有人可以帮助我解决一个小的jQuery-UI问题。

我有两个列表，我允许使用jQuery UI sortable（）和'connectWith'进行拖放。我需要限制这个解决方案，只允许重新排序其中一个列表中的元素，而另一个总是按字母顺序排序。 知道如何实现这个目标吗？

我仍然希望能够从A - >拖出B和A＆lt; -B并重新排列/排序B中的项目，但我希望A保持排序。

Answer 1

您可以在“sortupdate”事件中对第二个列表中的元素进行排序：

Demo

$("#unsortable_list").on("sortupdate", "", function(event, ui) {
    var $list = $(this).children("li");
    $(this).append($list.sort(sortByHtml));
});

如果有人试图重新组织第二个列表中的元素 - 它们会反弹回字母顺序。

不应禁用第二个列表中纯元素的拖动，因为可能需要将它们拖回第一个列表。