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