如何在JQuery中进行fadeOut阻塞？

Question

就像问题所说的那样，我有一些代码在一段时间内运行：

$("#blah").fadeOut(2000);
$("#blah2").fadeIn(2000);

我想fadeOut，然后fadeIn，而不是同时进行。有一个简单的方法吗？

Answer 1

$("#blah").fadeOut(2000);
$("#blah2").delay(2000).fadeIn(2000);

或者：

$("#blah").fadeOut(2000, function(){
    $("#blah2").fadeIn(2000);
});

Answer 2

您需要使用callback功能确保动画在调用另一个之前完成。看起来像：

$('#blah').fadeOut(2000, function(){
    $('#blah2').fadeIn(2000);
});

见。 .fadeOut()

Answer 3

$('#blah').fadeOut(2000, function(){
    $("#blah2").fadeIn(2000);
});

正如documentation：

中所述

  

.fadeOut（[duration]，[callback]）

     

持续时间：确定字符串或数字   动画将运行多长时间。

     

回调：一次调用的函数   动画完成。

Answer 4

$("#blah").fadeOut(2000);
setTimeout('$("#blah2").fadeIn(2000);', 2000);