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选项。