JQuery停止ladda动画死亡的纺车

Question

我有一个条款和条件复选框。 如果已选中，则提交表单，否则会发出警报。 当投掷警报对话框时，旋转轮旋转永恒。

我正在使用此处列出的ladda放大gif： 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 & Conditions.");
    }
});

我已设法使用此代码在网站的某些部分停止此操作：

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

但它在这里不起作用，因为这在旋转开始之前就开始了。 我的问题是，我正在寻找一种方法来阻止旋转。 我在想是否可以找到属性数据加载，然后关闭我的代码？ 您有什么推荐的吗？ 我该怎么办？

谢谢

Answer 1

尝试使用Ladda.stopAll（）; 见这里： https ： //github.com/hakimel/Ladda