如何仅在内容用jQuery淡出jQuery后淡入元素?

如何仅在内容用jQuery淡出jQuery后淡入元素?,jquery,fadein,fadeout,Jquery,Fadein,Fadeout,我有一个HTML表单,它使用jQuery ajax()提交到php处理页面。在ajax()调用的success函数中,我有以下内容: success: function() { $('#contactForm').fadeOut(1000); $('#hidden').delay(.1000).fadeIn(1500); return false; 这些影响是同时发生的。我希望只有在联系人表单完全淡出后,才能淡出隐藏的div 谢谢有一个方便的内置回调: success

我有一个HTML表单,它使用jQuery ajax()提交到php处理页面。在ajax()调用的success函数中,我有以下内容:

success: function() {
    $('#contactForm').fadeOut(1000);
    $('#hidden').delay(.1000).fadeIn(1500); 
    return false;
这些影响是同时发生的。我希望只有在联系人表单完全淡出后,才能淡出隐藏的div


谢谢

有一个方便的内置回调:

success: function() {
    $('#contactForm').fadeOut(1000, function() {
        $('#hidden').fadeIn(1500); 
    });
    return false;

淡出和淡出效果包含一个onComplete回调(可选):


您可以向淡入添加第二个参数,该参数包含您要进行的淡入。例如

success: function() {
$('#contactForm').fadeOut(1000,function(){
$('#hidden').fadeIn(1500);
});
return false;

这只会在淡出完成后触发。API文档中介绍了-

在我了解异步javascript之前,您需要的所有信息都在jQuery API中:)。。。呵呵,那是不是故意在延迟之前的
?那是我试图将它延迟到淡出之后,却没有意识到它应该是一个回调函数。
success: function() {
$('#contactForm').fadeOut(1000,function(){
$('#hidden').fadeIn(1500);
});
return false;