Не показывать загружаемое изображение каждый раз, когда div refreshes

Question

Добрый день,

У меня есть образ загрузки, который отображается каждый раз, когда предоставляется контактная форма. Я использую jQuery Ajax для отправки данных на сервер, и я использую следующий код для показа изображения.

$(document).ajaxStart(function(){ 
    $("#loading").show(); 

}).ajaxStop(function(){ 
    $("#loading").hide(); 
}); 

У меня также есть div (не входит в контактную форму), который автоматически загружает данные каждые 3 секунды из базы данных. Теперь каждые 3 секунды отображается загрузочное изображение. Это очень раздражает для пользователя.

Мой вопрос: как сделать загружаемое изображение появляться только при отправке формы, но не при автоматическом обновлении div.

Спасибо за ваше время.

Update Используя global:false асинхронность, фиксированная моя проблема ... спасибо!

Answer 1

Возможно, вам необходимо переместить ваш $("#loading") в свой скрипт подачи формы? Пример:

form.submit(function(e){ 
    e.preventDefault(); 
    $("#loading").toggle(); 
    $.ajax(...).done(function(){ 
     $("#loading").toggle(); 
    }); 
})