jquery - 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');
    }
});