Я пытаюсь использовать модальное диалоговое окно jQuery UI в качестве индикатора загрузки через события ajaxStart, ajaxStop / ajaxComplete. Когда страница запускается, обработчик Ajax загружает некоторые данные, и модальное диалоговое окно показывает просто отлично. Однако он никогда не скрывает и не закрывает диалоговое окно после завершения события Ajax. Это очень маленький кусочек кода с локального сервера, который возвращается, поэтому фактическое событие Ajax происходит очень быстро.

Вот мой фактический код для модального div:

      $("#modalwindow").dialog({
              modal: true,
              height: 50,
              width: 200,
              zIndex: 999,
              resizable: false,
              title: "Please wait..."
      })
      .bind("ajaxStart", function(){ $(this).show(); })
      .bind("ajaxStop", function(){ $(this).hide(); });

Событие Ajax - просто ваниль$.ajax({}) ПОЛУЧИТЬ вызов метода.

Основываясь на поиске здесь и в Google, я попытался изменить обработчик ajaxStop для использования$("#modalwindow").close(), $("#modalwindow").destroy()и т. д. (здесь указывается #modalwindow, чтобы дать явный контекст)

Я также пытался использовать стандарт$("#modalwindow").dialog({}).ajaxStart(... также.

Должен ли я связывать события с другим объектом? Или звонить им изнутри$.ajax() завершить мероприятие?

Я должен отметить, что я тестирую на последних IE8, FF 3.6 и Chrome. Все имеют одинаковый / похожий эффект.