javascript - 不要淡入，直到淡出完全完成

Question

我有它，所以当我单击一个按钮时，旧框淡出，新框淡入。

在 .fadeOut() 完成之前，我不希望 .fadeIn() 发生。这样就永远不会有两个容器同时显示的情况。

我将如何做到这一点？

Answer 1

为此，只需使用fadeOut()回调：

$('#thing').fadeOut('slow', function() {
    // Animation complete.
    $('#otherThing').fadeIn();
});

Answer 2

我个人会尝试：

$("#button").click(function(e){
    $("#thing1").fadeOut(1000);
    $("#thing2").delay(1000);
    $("#thing1").fadeIn(1000);
});

我在 jQuery 中做过很多类似的效果，我 95% 确信这会起作用。