jquery - 等待 jQueryanimation 在 for 循环内完成

Question

我有类似下面的代码

for(i=0, j=10; i<j ; i++){
    $('#an-element-'+i).fadeIn();
}

如何才能使循环中的每次迭代仅在 fadeIn(); 开始一次？动画完成了吗？

编辑——抱歉，我没有在循环中包含“i”

Answer 1

for 循环是同步的，但动画是异步的。您需要使用递归。

var i = 0, j = 10;
(function fadeNext () {
    if (i < j) {
        $('#an-element-' + i++).fadeIn(fadeNext);
    }
}) ();

http://jsfiddle.net/uq9mH/