jquery sortable - 只允许在目标 li 中删除最后一项

Question

我有号码列表和两个目的地 block 。我想将数字删除到目标 block ，但只保留最后删除的项目。

这是示例 jsfiddle - demo - which allows only one item drag

代码-

$(function() {
    $("ul.droptrue").sortable({
        connectWith: "ul",
    });

    $("ul.dropfalse").sortable({
        connectWith: "ul",
        dropOnEmpty: false
    });

    $("#sortable1, #sortable2, #sortable3").disableSelection();

    $("#sortable3,#sortable4").on("sortreceive", function(event, ui) {
        var $list = $(this);

        if ($list.children().length > 1) {
            $(ui.sender).sortable('cancel');

            //Move the existing one back to sortable1
            //Only keep the last moved element
        }
    });
});

在上面的示例中，如果用户尝试将第二个数字拖动到 sortable3 或 4，则不允许使用另一个数字。我期望的行为是，如果拖动新数字，前一个数字应该返回到 sortable1 列表(返回原点)。

谢谢。

Answer 1

删除您的 sortreceive 并使用它

$("#sortable1").on("sortremove", function(event, ui) {
    ui.item.prependTo( ui.item.parent());
    $.each(ui.item.parent().children(), function(index, item) {
        if ( index > 0 )
            $(this).appendTo($("#sortable1"));
    });
}); 

参见http://jsfiddle.net/382dy/