如何等待jQuery特效完成？

Question

如何在jQuery中等待动画完成？

function foo() {
  $("#element").fadeOut();
}

我需要在foo()返回之前完成.fadeOut()，因为调用代码期望DOM没有#element。

Answer 1

所有的jQuery动画函数都有一个complete回调。因为它们是异步的，你不能等待它们，你必须使用回调。

function foo() {
    $("#element").fadeOut(function() {
        // finished
    });
}

Answer 2

jQuery将fadeout定义为：.fadeOut( [duration ] [, complete ] )，因此使用回调应该可以很好地工作。

complete类型: Function()动画完成后调用的函数，每个匹配的元素调用一次。

Answer 3

为此使用回调函数

function foo() {
  $("#element").fadeOut('slow', function(){
     // called when the element finishes fading out
  });
}