javascript - 在可排序的 JQuery UI 列表中至少保留一项

Question

我有两个相连的可排序列表。我不希望用户能够将列表留空。他们必须始终在列表中至少有一项。

我一直在尝试做一些事情:

    $( "#unused, #used" ).sortable( {
        connectWith: ".connectedSortable", 
        placeholder: "placeholder",
        items: "li:not(:only-child)"
        }).disableSelection();

有人知道怎么做吗？

Answer 1

使用 cancel选项而不是 items :

$( "#unused, #used" ).sortable( {
    connectWith: ".connectedSortable", 
    placeholder: "placeholder",
    cancel: "li:only-child"
});

当可排序列表中只剩下一个项目时，此选项将阻止排序。

查看工作示例 here .