Здравствуйте! На сайте после нажатия на кнопку происходят определенные действия, с помощью ajax запроса. Пока ждем ответ от сервера показывается анимация, после того как пришел ответ анимация скрывается. Реализовано это так:
function send(...)
{
showLoaderIdentity(); //Запускаем анимацию
$.ajax({
...
success: function(html){
hideLoaderIdentity(); //Скрываем анимацию
});
}
//////////// анимация ////////////////
function showLoaderIdentity()
{
$("#loader-identity").show("100")
}
function hideLoaderIdentity()
{
$("#loader-identity").hide();
}
Проблема в том что если на кнопку нажать быстро, несколько раз подряд, то анимация зацикливается и больше не исчезает
Как вариант можно добавлять флаг с пометкой 'working' вот таким образом - перед функциями создать глобальную переменную
var checkFlag;
а в функции send(...) проверять задан ли флаг 'working'
if(checkFlag !== 'working'){
showLoaderIdentity();
checkFlag = 'working';
}
Сборка персонального компьютера от Artline: умный выбор для современных пользователей