Question

我有一个提交按钮，可以在单击时运行脚本。

<input type="submit" value="Download Files" class="btn btn-success col-md-4"  id="load" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Downloading Files">

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

脚本运行时间不是恒定的;它会不时变化。我希望在单击提交按钮时开始加载，并在脚本完成运行后结束。我怎么能这样做？

Answer 1

您的代码

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

需要一些补充。按以下顺序添加这些外部java脚本

Here is the working fiddle

如何在脚本完成运行后使按钮上的加载微调器停止运行？

1 个答案: