如何淡入元素只有内容淡出jQuery与jQuery？

我有一个使用jQuery ajax（）提交到php处理页面的HTML表单。在ajax（）调用的成功函数中，我有以下几点：

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

这些影响是同时发生的。只有在联系表完全淡出之后，我才会淡入隐藏的div。

感谢

2013-02-28 Roy

所有您需要的信息都在jQuery API中:) http://api.jquery.com/fadeIn/ – niaccurshi 2013-02-28 16:09:04

在我了解异步javascript之前...... hehe – Roy 2017-03-11 01:13:04

的淡出和淡入效果包含的onComplete回调（可选）：

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

2013-02-28 16:09:07

有内置的回调应该是一个方便的：

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

2013-02-28 16:08:40 adeneo

是那个'.'在故意拖延之前？ – 11684 2013-02-28 16:09:47

这是我试图延迟它'直到淡出后没有意识到它应该是一个回调函数。 – Roy 2013-02-28 16:14:00

您可以添加第二个参数淡入淡出，包含淡入淡出效果。 E.G

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

这只会在fadeOut完成后触发。涵盖在API文档中 - http://api.jquery.com/fadeOut/

2013-02-28 16:11:44

回答