延迟功能不正常

Question

我有一个棘手的问题。当按下按钮时，div的内容应该淡出，延迟，将其更改为其他内容，fadein。

$('.content-area').fadeOut(500);
$('.content-area').delay(500).empty().append(creation).fadeIn(500);

但是，当它运行此代码时，内容会在淡出然后延迟时切换，然后显示。任何解决方案？

Answer 1

向FadeOut函数添加回调：

$('.content-area').fadeOut(500, function(){
    $('.content-area').empty().append(creation).fadeIn(500);
});

Answer 2

您将要使用回调函数。

$('.content-area').fadeOut(500, function(){
  $(this).empty().append(creation).fadeIn(500);
});

只是要清楚......在函数完成后调用回调。所以在这种情况下，在fadeOut完成之后，其他事情就会发生。