Jquery 一个div淡出，等等，另一个div动画

只有当红色完全消失时，我如何才能使蓝色动画化？我的意思是：
1.红色衰减
2.等待1秒钟
3.蓝色动画

$(function(){     
    $("#blue").click(function() {
        $("#red").fadeOut("slow");
        $("#blue").animate({top:'20px'},"slow").delay(1000).fadeOut("slow"); 
    }); 
})

---

您可以在此处播放并尝试：

使用

淡出

回调并在

动画

之前移动

延迟

：

---

使用

淡出

回调并在

设置动画

之前移动

延迟

：

---

您需要了解

fadeOut（）

的回调函数，如下文档所示：

在设置动画之前，还需要延迟

$(function(){
    $("#blue").click(function() {
        $("#red").fadeOut("slow", function() {
            $("#blue").delay(1000).animate({top:'20px'},"slow").fadeOut("slow");
        });
    });
});

---

您需要了解

fadeOut（）

的回调函数，如下文档所示：

在设置动画之前，还需要延迟

$(function(){
    $("#blue").click(function() {
        $("#red").fadeOut("slow", function() {
            $("#blue").delay(1000).animate({top:'20px'},"slow").fadeOut("slow");
        });
    });
});

---

您可以使用淡出回调函数和使用

.promise（）.done（）

：

---

您可以使用淡出回调函数和使用

.promise（）.done（）

：

使用回调方法

$(document).ready(function(){   

        $("#blue").bind('click',function() {        
        $("#red").fadeOut("slow",function(){        
            $("#blue").animate({top:'20px'},"slow").delay(1000).fadeOut("slow");
            });
        });
    }
    );

使用回调方法

$(document).ready(function(){   

        $("#blue").bind('click',function() {        
        $("#red").fadeOut("slow",function(){        
            $("#blue").animate({top:'20px'},"slow").delay(1000).fadeOut("slow");
            });
        });
    }
    );

---

但是第二步呢？我能控制第一步和第三步之间的时间吗？你检查过我做的小提琴了吗？这不是你所期望的吗？这正是回调的目的。。。你可以通过延迟来控制时间，但是没有那么灵活。但是第二步呢？我能控制第一步和第三步之间的时间吗？你检查过我做的小提琴了吗？这不是你所期望的吗？这正是回调的目的。。。你可以通过延迟来管理时间，但它没有那么灵活。