jquery - 部分 jQuery 可排序

Question

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

我有两个允许使用 jQuery UI sortable() 和“connectWith”拖放的列表。我需要限制这个解决方案，只允许对其中一个列表中的元素进行重新排序，而在另一个列表中始终保持它们按字母顺序排序。知道如何实现吗？

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

Answer 1

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

演示

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

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

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