如何使用jquery限制LI的数量

Question

我正在使用Jquery UI来开发拖放收藏夹UI，我希望限制在特定区域中丢弃的LI的数量（限制为5），并且如果用户将一个放在另一个上，则替换当前的。如何才能做到这一点？我目前正在jquery ui网站上使用修改版的photomanager。

Answer 1

你可以检查该地区有多少李，而你可以用5+替换实际的李。 让我们看看：

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'));

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