如何在提交表单后和运行脚本期间启动加载微调器并在脚本完成后停止加载？

Question

我有一个带有提交输入的表单

<input type="submit" class="download">

它负责运行下载一些文件的 php 和 java 脚本，我想在单击按钮时在按钮上启动加载微调器，并在脚本运行时继续。

这是加载函数，它适用于特定的超时，我希望它或类似的函数在运行脚本期间一直工作，直到它完成运行。

$('.download').on('click', function() {
var $this = $(this);
setTimeout(function(){$this.button('loading'); $this.button('reset');,8000););

Answer 1

结帐ladda.js 以获得漂亮的按钮微调器示例

$('.download').on('click', function() {

    var $this = $(this);
    $this.button('loading');
    // Run your script here
    $this.button('reset');

);

或者如果您的脚本有异步回调，请改为：

$('.download').on('click', function() {

    var $this = $(this);
    $this.button('loading');

    runMyScript(function() {
        $this.button('reset');
    });
);