Jquery ajaxstart ajaxstop показать скрыть ⇐ Jquery

[Anonymous]

Поскольку обычно на решение простых, казалось бы, задач уходит несколько дней, возможно, кто-то мог бы указать мне на решение, но через 2 дня я отказываюсь от следующей проблемы:

В html, в форме, у меня есть кнопка, которая должна запускать загрузку данных через вызов ajax:

Код: Выделить всё

Show Data

в JavaScript:

Код: Выделить всё

$(document).ajaxStart(function() {
$("#qloader").show();
}).ajaxStop(function() {
$("#qloader").hide('slow');
});​

и в html div с идентификатором qloader определяется со 100% шириной и высотой, а счетчик центрируется как фон, z-индекс над другим:

Код: Выделить всё

Теперь, когда страница загружается, выполняется вызов ajax для получения исходных данных, вызывается div qloader и отображается анимированный счетчик, после завершения вызова ajax qloader скрывается с помощью ajaxStop.

Далее, когда я нажимаю кнопку (показать данные), чтобы инициировать другой вызов ajax, ajaxStart срабатывает, но он не отображается qloader, он ждет, пока не сработает ajaxStop, а затем в мгновение ока показывает qloader и скрывает его.

Я подозревал, что ajaxStart не выполняется, поэтому я поставил предупреждение перед $("#qloader").show(), тогда предупреждение будет отображаться, и после этого qloader БУДЕТ отображаться, НО анимация счетчика будет приостановлена - без вращения, и после ajaxStop он получит скрыто.

Без предупреждения в триггере ajaxStart в последующих вызовах ajax div не отображается до тех пор, пока не сработает ajaxStop.

Он отлично работает для первого вызова ajax, но для последующего вызова ajax, вызванного нажатием кнопки формы, он не работает.

Есть идеи, что не так с этой настройкой?>

Подробнее здесь: https://stackoverflow.com/questions/121 ... -show-hide