Question

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

我正在使用此处列出的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

JQuery停止ladda动画死亡的纺车

1 个答案: