javascript - 如何设置回调以在*之前* jquery 动画运行？

Question

我正在尝试设置一个循环，让动画运行一定次数，并在每次动画迭代之前运行一个函数。不过，计时结束了——它运行回调 n 次，然后运行动画 n 次。例如:

for (var i=0;i<3;i++) {
  console.log(i);
  $('#blerg').animate({top:'+=50px'},75,'linear', function(){log('animated')});
}

输出

0
1
2
animated
animated
animated

在我切换到 jquery 之前，我用 scriptaculous 遇到了这个问题，并发现了一个“beforeSetup”动画回调。有等效的 jquery 吗？

Answer 1

动画是异步的。所以循环运行得非常快，开始三个动画并输出 1、2 和 3。一段时间后动画完成并输出动画 x 3。这可以解释你的输出。

一些递归怎么样？

do_animation(max_runs, total_runs) {
   log();
   if (total_runs < max_runs) {
       $(foo).animate(..., do_animation(max_runs, ++total_runs));
    }
}

做动画(3, 0);

试一试，让我知道它是如何运行的。