загрузка не запускает полный обработчик ajaxSetup по завершении

Question

у меня

// Ajax setup
 $.ajaxSetup({
 beforeSend: function() {
 $('#general-ajax-load ').fadeIn();
 },
 complete: function() {
 $('#general-ajax-load ').fadeOut();
 }
});

при загрузке страницы, чтобы установить анимацию загрузки для всех моих вызовов ajax. Работает отлично, за исключением вызовов load (). Для нагрузок только до того, как инициируется отправка, и никогда не вызывается complete, что приводит к отображению анимации, которая никогда не исчезает.

Есть идеи?

Answer 1

Согласно http://bugs.jquery.com/ticket/4086#comment:4, «правильный» путь будет:

$(document).ajaxSend(function(event, jqXHR, settings) {
    $('#general-ajax-load ').fadeIn();
});

$(document).ajaxComplete(function(event, jqXHR, settings) {
    $('#general-ajax-load ').fadeOut();
});

Я только что провел некоторое тестирование, и, похоже, оно действительно работает во всех случаях (включая $.load).

Answer 2

Добавление успеха решило проблему, спасибо (могу поклясться, что пробовал раньше)

 $.ajaxSetup({
 beforeSend: function() {
 $('#general-ajax-load ').fadeIn();
 },
 complete: function() {
 $('#general-ajax-load ').fadeOut();
 }
 success: function() {
 $('#general-ajax-load ').fadeOut();
 }
});

:)

Answer 3

В руководстве $.load написано:

... Это примерно эквивалентно $ .get (URL, данные, успех), кроме этого это метод, а не глобальная функция, и он имеет неявную функция обратного вызова .

Казалось бы, неявная функция обратного вызова $.load переопределяет обратный вызов complete в вашем $.ajaxSetup. Документация $.ajaxSetup гласит:

Все последующие вызовы Ajax с использованием любого функция будет использовать новые настройки, если не переопределено человеком звонки, до следующего вызова $ .AjaxSetup ().

Я думаю, что решение было бы заменить ваши $.load звонки на $.get (или более подробный $.ajax). Вы также можете попробовать использовать success.