jQuery UI，droppable，接受最大数量的元素

Question

有没有办法设置放置目标可以接受的最大元素？

是否有任何标准方法列出所有丢弃的项目？

谢谢

Answer 1

只需在drop事件上使用计数器即可在达到限制时停用可放置的内容：

$(function() {
    var limit = 5;
    var counter = 0;
    $('.drag').draggable({revert: "invalid"});
    $('.drop').droppable({
        drop: function() {
            counter++;
            if (counter == limit) {
                alert('limit reached!');
                $(this).droppable("disable");
            }
        }
    });
});

Example link。请注意，这只是一个演示，您可能需要使用accept和scope选项。