Зацикливается анимация ожидания

180
10 октября 2017, 04:15

Здравствуйте! На сайте после нажатия на кнопку происходят определенные действия, с помощью ajax запроса. Пока ждем ответ от сервера показывается анимация, после того как пришел ответ анимация скрывается. Реализовано это так:

function send(...)
  {
                showLoaderIdentity(); //Запускаем анимацию
                $.ajax({
                    ...
                    success: function(html){
                                hideLoaderIdentity(); //Скрываем анимацию
                });
  }

//////////// анимация ////////////////

  function showLoaderIdentity()
  {
      $("#loader-identity").show("100")
  }
  function hideLoaderIdentity()
  {
     $("#loader-identity").hide();
  } 

Проблема в том что если на кнопку нажать быстро, несколько раз подряд, то анимация зацикливается и больше не исчезает

Answer 1

Как вариант можно добавлять флаг с пометкой 'working' вот таким образом - перед функциями создать глобальную переменную

var checkFlag;

а в функции send(...) проверять задан ли флаг 'working'

if(checkFlag !== 'working'){
    showLoaderIdentity();
    checkFlag = 'working';
}
READ ALSO
Анимация “подпрыгивание” экрана

Анимация “подпрыгивание” экрана

Здравствуйте! Необходимо сделать анимацию "подпрыгивания" экрана (те

183
Добавить ячейки в таблицу [требует правки]

Добавить ячейки в таблицу [требует правки]

Есть вот такая таблица http://prntscrcom/guvyvs И хочется что-бы она была такой http://prntscr

216
Для чего нужен editor-style.css?

Для чего нужен editor-style.css?

Как я понимаю, editor-stylecss нужен для того, чтобы внешний вид статьи в редакторе соответствовал тому, как будет выглядеть статья на сайте

270
Chrome DevTools workspace кодировка

Chrome DevTools workspace кодировка

Использую workspace в Chrome DevTools, если менять css через вкладку elements -> style, то кириллица в файле сохраняется с неправильной кодировкой: ÿÑâââЕсли...

320