Jquery排队动画

Question

我想要在dom中的不同对象上执行几个动画.

我希望它们按顺序发生.

我不想这样做:

$('#first').show(800, function () 
{ $('#second').show(800, function () {...etc...});

我想将所有动画(和cpu密集型函数)添加到某种队列对象中,以确保它们按顺序执行.

Answer 1

我不确定你为什么不想使用你描述的方法.如果纯粹从组织的角度来看,您不必使用匿名函数

function showFirst() {
  $('#first').show(800, showSecond);
}

function showSecond() {
  $('#second').show(800, showThird);
}

function showThird() {
  $('#third').show(800);
}

function startAnimation() {
  showFirst();
}