javascript - 如何等到 .done() 完成后再继续

Question

我想在 .done() 完成所有操作后执行 $(".foo").fadeIn("slow");。

现在，每当调用 fadeIn 时，我仍然可以实时看到文本如何更改，因为 jQuery 不会等到它完成为止。

我该如何去做呢？

$(".notice").fadeOut("slow", function() {
    $.ajax({
        url: "http://graph.facebook.com/name",
        cache: false,
        dataType: "JSON"
    })
    .done(function(data) {
        $(".foo .bar").text(data.name);
    });
    $(".foo").fadeIn("slow"); //
});

Answer 1

将代码放入 jQuery.done 方法的回调中

$(".notice").fadeOut("slow", function() {
    $.ajax({
        url: "http://graph.facebook.com/name",
        cache: false,
        dataType: "JSON"
    })
    .done(function(data) {
        $(".foo .bar").text(data.name);

        $(".foo").fadeIn("slow"); //
    });

});