javascript - 在我的联系表单中遇到 .fadeOut() .delay() 和 .fadeIn() 问题

Question

我试图淡出我的联系表单，然后在激活提交点击事件和成功调用时在成功消息中淡出之前添加 2000 的延迟。然而，我的问题是，当感谢消息/div 似乎没有等待延迟，而是立即显示。谁能告诉我为什么会发生这种情况？

两行代码如下:

$('#contact-form').fadeOut().delay(2000);
$('#thank-you').fadeIn('slow');

提前致谢凯尔

Answer 1

使用fadeout的回调来触发致谢的展示

$('#contact-form').fadeOut( function() {
      $('#thank-you').delay(2000).fadeIn('slow');
});