jquery - 很多嵌套函数可以让这个更简单

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
}