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

时间:2012-01-29 02:23:50

标签: javascript jquery

我正在尝试淡出我的联系表单,然后添加延迟2000,然后在激活提交点击事件和成功通话时淡出成功消息。然而,我的问题是,当感谢消息/ div似乎没有等待延迟时,而是直接显示。任何人都可以告诉我为什么会这样吗?

两行代码如下:

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

提前致谢 凯尔

1 个答案:

答案 0 :(得分:3)

使用fadeout的回调来触发感谢的节目

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