等待for循环中的jQueryanimation完成

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);
    }
}) ();