如何在jQuery Sortable中只有一个项目时显示错误消息并禁用拖动

Question

我想在用户尝试从只包含一个项目的列表中拖动项目时向用户显示错误消息。

当只有一个项目使用下面的代码时，我能够从列表中取消拖动选项，但我希望通过显示一些混乱来通知用户。

$( "#sortable1, #sortable2, #sortable3" ).sortable({
connectWith: ".connectedSortable",
 cancel: "li:only-child"
}).disableSelection();

非常感谢任何帮助。 在此先感谢。

Answer 1

我可以使用以下代码解决此问题。

$(""#sortable1, #sortable2, #sortable3" ").on("sortremove", function(event, ui) {
    var $list = $(this);

    if ($list.children().length < 1) {
    alert("There should be at leat one item in the list");
        $(ui.sender).sortable('cancel');
    }
});