如何限制使用 jQuery 时的 LI 数量

Question

我正在使用

jQuery UI

开发一个拖放收藏夹 UI，我想限制在特定区域中放置的 LI 数量（限制为 5 个），并在用户将一个拖放到另一个上时替换当前的 LI。如何才能做到这一点？我目前在

jQuery UI

网站上使用照片管理器的修改版本。

Answer 1

您可以检查该地区有多少个 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
   }

有帮助吗？

Answer 2

我最近以某种不同的方式做到了这一点。我不会阻止该区域被删除，而是会拾取任何多余的 LI，然后通过附加回最后一个子项来将其附加回可能池中

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

看看这个方法是否适合你..