jQuery UI、droppable、最大要素数を受け入れる

Question

ドロップターゲットが受け入れることができる最大要素を設定する方法はありますか？

など、落としたアイテムをすべて一覧表示する標準的な方法はありますか？

$(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：

おかげ

Answer 1

ちょうど上限に達したときにドロップ可能を無効にするdropイベントにカウンターを使用しています。これはデモだけですので、おそらくacceptとscopeのオプションを使用する必要があります。