问题得到'加载'状态,直到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);
}
});
});
答案 0 :(得分:0)
Bootstrap加载状态似乎不适用于带有&#34; btn-outline&#34;类。解决方案:删除&#34; btn-outline&#34;类。