スクリプトの実行が終了した後、ボタン止めに実装されたローディングスピナーを作成するにはどうすればよいですか？

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); 
}); 

いくつかは、上の追加が必要。 "スクリプト" とは何か、次の順序

• jQuery.min.js
• bootstrap.min.js

Here is the working fiddle