如何使jQuery效果按顺序运行,而不是同时运行？

Question

如何在jQuery中按顺序运行两个效果,而不是同时运行？以这段代码为例:

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal");
    $("#projects").fadeIn("normal");
});

fadeOut和fadeIn同时运行,我如何让它们一个接一个地运行？

Answer 1

您可以为效果完成后运行的效果函数提供回调.

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal", function() {
        $("#projects").fadeIn("normal");
    });
});

Answer 2

你想要的是一个队列.

有关一些工作示例,请查看参考页面http://api.jquery.com/queue/.