javascript - 如何保持2个Ladda按钮同步

我需要将相同的按钮放在屏幕的顶部和底部。我刚刚发现了Ladda，并想找到一种方法来保持这2个Ladda Button状态同步。我对如何做有一些想法，但大多数都很难看。

问：如何使两个Ladda Button的运行状态保持同步？



HTML：
两个按钮具有相同的标记。

<button class="btn btn-sm btn-next ladda-button ladda-button-success" data-style="expand-left">
    <span class="ladda-label">Next</span>
    <i class="fa fa-arrow-right"></i>
    <span class="ladda-spinner"></span>
</button>

JAVASCRIPT事件：

btnNext: function (e) {

    var action = that.settings.actions.next;
    var l = Ladda.create(this);
    l.start(); // <-- How can I "force" a start across multiple buttons?

    // Do other stuff...
}

最佳答案

这适用于我使用jQuery选择器同时激活页面所有Ladda按钮上的微调器：

// Create a new instance of ladda for the specified button
var btns = $('.ladda-button').ladda();

// Start loading
btns.ladda('start');

// Stop loading
btns.ladda('stop');

关于javascript - 如何保持2个Ladda按钮同步，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45492534/