如何使用jquery限制LI的数量

How do i limit the amount of LI in using jquery

提问人:ivordesign 提问时间:5/15/2009 更新时间:5/19/2009 访问量:328

问:

我正在使用 Jquery UI 开发一个拖放收藏夹 UI,我想限制在特定区域中丢弃的 LI 数量(限制为 5 个),如果用户丢弃一个而不是另一个,则替换当前 LI。这怎么能做到呢?我目前正在jquery ui网站上使用照片管理器的修改版本。

jquery jquery-ui

评论


答:

1赞 Juan Techera 5/15/2009 #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
   }

该内容对您有帮助吗?

评论

0赞 ivordesign 5/15/2009
谢谢,但它并没有真正起作用,这是我的代码if($("#favourites li").length<5){ $favourites.droppable({ accept: '#icon-gallery ul > li', drop: function(ev, ui) { deleteImage(ui.draggable); } }); }else{ $favourites.droppable({deactivate: '#icon-gallery ul > li',}); }
0赞 ivordesign 5/21/2009
我意识到我正在将 if 语句应用于拖动事件而不是 drop 事件
1赞 elQueFaltaba 5/19/2009 #2

我最近以某种不同的方式做到了这一点。我不会阻止该区域可掉落,而是会捡起任何多余的 LI,然后通过追加最后一个子项将其追加回可能池

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

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