延迟功能无法正常工作答案

【问题标题】：delay function not working right延迟功能无法正常工作
【发布时间】：2013-12-27 21:20:15
【问题描述】：

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

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

但是当它运行此代码时，内容会在淡出时切换，然后延迟，然后显示。有什么解决办法吗？

【问题讨论】：

【解决方案1】：

你会想要使用回调函数。

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

要明确一点...函数完成后会调用回调。所以在这种情况下，在fadeOut 完成之后，其他的事情就会发生。

【讨论】：

【解决方案2】：

为 FadeOut 函数添加回调：

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

【讨论】：