0

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

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

                                hideLoaderIdentity(); //Скрываем анимацию

                });

  }

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

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

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

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

6
  • ну можешь делать disable/enable кнопки заодно, раз так 8 окт 2017 в 18:09
  • @Алексей Шиманский, можете объяснить как это работает или дать ссылку на какой-нибудь ресурс?
    – r.mcreal
    8 окт 2017 в 18:16
  • 1
    у кнопки есть атрибут w3schools.com/TAGs/tryit.asp?filename=tryhtml_button_disabled .... устанавливаешь при клике, чтоб нельзя было кликнуть и всё. после запроса - убираешь атрибут... 8 окт 2017 в 18:26
  • @Алексей Шиманский, не помогло( Свойство disable добавляется, но зацикливание все равно происходит, если быстро нажимать
    – r.mcreal
    8 окт 2017 в 19:06
  • Вы покажите, куда и и как вы добавили disable. 9 окт 2017 в 3:33

1 ответ 1

0

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

var checkFlag;

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

if(checkFlag !== 'working'){
    showLoaderIdentity();
    checkFlag = 'working';
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.