如何在jQuery中延遲ajax調用？

Question

有沒有辦法延遲ajax請求執行直到動畫結束？

var showAjaxLoader = function(selector) {
    $("." + selector).fadeToggle("slow");
    $("." + selector).parent().html('<img src="ajax-loader.gif" />').fadeIn();
};

$(".add, .delete")
    .bind("ajax:beforeSend", function(event, data, status, xhr) {
        showAjaxLoader(this.className);
});

基本上，請求的響應將取代平鋪內容，但我不希望這種情況發生，直到效果發生。 否則圖像會彈出而沒有效果......

Answer 1

U可以在動畫結束時使用回調方法：

$("p").fadeToggle("slow", function () {
   $("div").append("<div>finished animation</div>");
   // Here you can put your ajax request
});

Answer 2

只需使用回調，如.fadeToggle（） ,. fadeIn（）和.fadeOut（）文檔。 在此回調中進行AJAX調用。

而且我相信即使淡出那個盒子你也不想提出要求（至少我沒有看到這里的原因），但只有在淡入時。