无法在jquery中链接动画

Question

我有一个使用css代码隐藏的列表{display：none;}

现在我使用jquery代码为列表设置动画（li's）

var numb = $("ol#update li").length;
 for(j=0; j < numb; j++) {                    
  $("ol#update li").eq(j).animate({
    height: 'show',
opacity: 'show'
}, {duration:1000});
  }

我需要一个接一个地动画项目

这个page

中有一个例子

但所有的li都被动画了，我不可能看到原因。

Answer 1

请改用：

var $li = $("ol#update li");
function animate_li(){
   $li.filter(':first')
      .animate({
         height:  'show',
         opacity: 'show'
      }, 1000, function(){
        animate_li();
      });
  $li = $li.not(':first');
}
animate_li();

基本上它抓取所有li，然后逐个动画它们。同时，每次迭代都会从列表中删除第一个元素。如果您希望以相反方式设置动画，请将:first的两个出现替换为:last。