Bootstrap加載狀態Ajax問題

Question

在ajax收到來自PHP腳本的響應之前，一直保持“加載”狀態的問題。 “加載”起初起作用，保留約一秒鍾，然后消失，然后在響應后重置。 想要讓Button保持“正在加載...”，直到PHP腳本完成。

HTML：

<button type="button" class="btn btn-outline btn-info" id="parse_all" data-loading-text="Loading...">
    <i class="glyphicon glyphicon-refresh"></i>
    <span>Parse All Data</span>
</button>
<div id="parse_resp"></div>

JavaScript：

$('#parse_all').click(function() {
    var btn = $(this)
    btn.button('loading');
    $.ajax({
        type: "GET",
        url: "parse_all.php",
        dataType: 'html',
        success: function(response){
            btn.button('reset');
            $("#parse_resp").html(response);
        }
    });
});

Answer 1

使用“ btn-outline”類的按鈕上的Bootstrap加載狀態似乎不起作用。 解決方案：刪除“ btn-outline”類。