Question

这是我写的jQuery动画列表中的一些项目：

$("#titleTile").delay(5000).animate({top: "160px"}, 300, function() {
  $(".tweet_msg.t0").animate({top: 0, height: "show"}, 300, function() {
    $(".tweet_msg.t1").delay(5000).animate({top: 0, height: "show"}, 300, function() {
      $(".tweet_msg.t2").delay(5000).animate({top: 0, height: "show"}, 300, function() {
        $(".tweet_msg.t3").delay(5000).animate({top: 0, height: "show"}, 300, function() { 
          $(".tweet_msg.t4").delay(5000).animate({top: 0, height: "show"}, 300);
        });
      });
    });
  });
});

有没有更好的方法来编写我的代码？

其次，我可以把它包装成一个我可以调用的函数吗？

Answer 1

另一种选择是在单个元素上使用自定义队列。如果这就是你正在做的事情，可能会有点矫枉过正。但是如果你愿意，这里是我为前一个问题创建的一个小例子：

http://jsfiddle.net/jRawX/2/

http://api.jquery.com/queue/

至于将它包装在函数中，当然，只需将其包装在函数中：

function something(){
    // do your stuff
}

我可以将更多嵌套函数变得更简单

1 个答案: