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

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

fadeOut和fadeIn同时运行，如何使它们一个接一个地运行？

解决方案

回答

我们想要的是一个队列。

请查看参考页面http://api.jquery.com/queue/中的一些工作示例。

回答

我们可以为效果完成后运行的效果功能提供回调。

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