Как я могу ограничить количество LI при использовании jquery

Question

Я использую пользовательский интерфейс Jquery для разработки пользовательского интерфейса для перетаскивания избранного, я хочу ограничить количество LI (ограничено 5), отбрасываемых в определенном регионе, и заменить текущие, если пользователь перетаскивает один поверх другого , Как это может быть сделано? В настоящее время я использую модифицированную версию фотоуправления на сайте jquery ui.

Answer 1

Я недавно сделал это каким-то другим способом. Вместо того, чтобы препятствовать тому, чтобы область была сбрасываемой, я просто взял бы любой избыточный LI и добавил бы его обратно к пулу возможных, просто добавив обратно последнего ребенка

$('#pool').append($('#container li:last-child'));

Посмотрите, подходит ли вам этот подход ..

Answer 2

вы можете проверить, сколько LI в регионе, и с 5+ вы заменяете фактические LI. Посмотрим:

On Drop event:
   if($("#region li").length<5){
      //do your normal drop handling
   }else{
      //replace one of the actual li's with the dragged one
   }

это полезно?