jquery - 如何仅在内容使用 jQuery 淡出 jQuery 之后才淡入元素？

Question

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

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

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

谢谢

score 6 · Accepted Answer

fadeOut 和 fadeIn 效果包含一个 onComplete 回调（可选）：

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

score 3 · Accepted Answer

有一个方便的内置回调：

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

score 1 · Accepted Answer

您可以在淡出中添加第二个参数，其中包含您想要执行的淡入。例如

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

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

3 回答 3