3

cssコード{display：none;}を使用して非表示になっているリストがあります

今私はリストをアニメーション化するためにjqueryコードを使用しています（liの）

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

アイテムを次々にアニメーション化する必要があります

このページに例があります

しかし、すべてのliが一度にアニメーション化されており、その理由がわかりません。

4

1 に答える 1

4

代わりにこれを使用してください：

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

基本的に、すべてのlisを取得し、次にそれらを1つずつアニメーション化します。同時に、各反復でリストから最初の要素が削除されます。逆にアニメーション化する場合は、の両方のオカレンスをに置き換え:firstます:last。

于 2010-01-29T20:51:25.003 に答える