javascript - 如何让 for 循环之后的代码在 for 循环完成其交互之前不运行？

Question

如何停止警报函数运行，直到 for 循环完成所有交互？

 $(document).ready(function() {
    for (i = 1; i <= 8; i++) {
        $('#ponyDiv').animate({left: '200px'}, 2000); 
    }
    alert("here");
});

Answer 1

编辑:在循环中调用 animate() 时，您可以执行以下操作:

$(document).ready(function () {
    var completed = 0;
    for (i = 1; i <= 8; i++) {
        $('#ponyDiv'+i).animate({
            left: '200px'
        }, 200, function () {
            if (completed++ == 7) alert("here");
        });
    }
});

<小时/>

使用JQuery animate() 'complete' 回调将在动画完成后立即调用:

  $('#ponyDiv').animate({left: '200px'}, 2000, function() {
    alert('here');
  });