Блог

У меня есть флажок terms amp; condition. Если этот флажок установлен, он отправляет форму, в противном случае выдается предупреждение. Когда выдается диалоговое окно с предупреждением, вращающееся колесо вращается вечно.

Я использую увеличенный GIF-файл ladda, как указано здесь: http://lab.hakim.se/ladda

Прежде чем нажать на кнопку, вот сгенерированный html-код:

 <button type="submit" id="ladda-purple-step4" class="ladda-button ladda captilize step-4-btn" data-color="purple" data-style="zoom-in">Book appointment now</button>
  

Когда начинается вращение:

 <button type="submit" id="ladda-purple-step4" class="ladda-button ladda captilize step-4-btn" data-color="purple" data-style="zoom-in" disabled data-loading>Book appointment now</button>
  

Для предупреждения у меня есть:

 $('#ladda-purple-step4').unbind('click').click(function (e) {
    if (!document.getElementById('termsagree').checked) {
        e.preventDefault();
        alert("You must accept the Terms amp; Conditions.");
    }
});
  

Мне удалось остановить это в некоторых частях веб-сайта, используя этот код:

 $('#ladda-purple-step4').on('click', function (e) {
    $('#ladda-purple-step4').attr("disabled", false);
    $('#ladda-purple-step4').removeAttr("data-loading");
});
  

Но здесь это не работает, поскольку это запускается до начала вращения. Мой вопрос в том, что я ищу способ остановить вращение. Я подумал, смогу ли я найти атрибут загрузки данных, а затем запустить свой код? Что вы порекомендуете? Как бы я это сделал?

Спасибо

Попробуйте использовать Ladda.stopAll(); Смотрите здесь: https://github.com/hakimel/Ladda