Bootstrap加载状态Ajax问题

时间:2014-10-08 09:38:16

标签: javascript jquery ajax twitter-bootstrap

问题得到'加载'状态,直到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);
        }
    });
});

1 个答案:

答案 0 :(得分:0)

Bootstrap加载状态似乎不适用于带有&#34; btn-outline&#34;类。解决方案:删除&#34; btn-outline&#34;类。