Bootstrap按鈕的“加載”動畫在最后工作

Question

我有一個調用Ajax函數並在某些文本區域中顯示用戶信息的按鈕

HTML：

<button id="btnUsers" class="btn btn-primary pull-left btn-lg" onclick='navUsers.getUsers();' data-loading-text="<i class='fa fa-spinner fa-spin '></i> Processing Order">  Get Users   </button>
<textarea id="resultUsers" name="resultUsers" cols="100" rows="18" class="form-control"></textarea>

JS：

var navUsers = new function (){ 
    this.getUsers = function(){
       $("#btnUsers").button('loading');
       $.ajax({ //ajax stuff, shows users in the textarea })
    };
};

問題是：按鈕的“加載”動畫僅在 Ajax內容完成后才開始，而不是在之后。 我嘗試了一些“模態”引導程序div，用於在加載用戶時顯示mensajes，並且發生了同樣的情況。 我也嘗試過Ajax中的beforesend選項，結果相同。

Answer 1

var navUsers = new function (){ 
    this.getUsers = function(){
       $("#btnUsers").button('loading');
       setTimeout(function() {
          $.ajax({ 
            //ajax stuff,
            success:function(){
            $("#btnUsers").button('reset');
          }
       })
    }, 1000);

    };
};