如何在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调用。

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