我刚刚接触Bootstrap 3.无法弄清楚如何激活加载状态按钮功能。我的代码是从
getboostrap.com上的文档。
<button type="button" data-loading-text="Loading..." class="btn btn-primary"> Loading state </button>
下拉工作正常,所以我猜这个问题是在别的地方?
解决方法
你需要检测来自js侧的点击,你的HTML保持不变:
$("button").click(function() { var $btn = $(this); $btn.button('loading'); // simulating a timeout setTimeout(function () { $btn.button('reset'); },1000); });
另外,不要忘记在页面中加载jQuery和Bootstrap js(基于jQuery)文件。
JSFIDDLE
Official Documentation