在Bootstrap中加载状态button3

我是Bootstrap 3的新手。不知道如何激活加载状态buttonfunction。 我的代码来自getboostrap.com上的文档。

<button type="button" data-loading-text="Loading..." class="btn btn-primary"> Loading state </button> 

下拉菜单工作正常，所以我猜这个问题是在别的地方？

Answer 1

你需要从js端检测点击，你的HTML保持不变。 注意 ：此方法自v3.5.5开始被弃用，并在v4中被删除。

 $("button").click(function() { var $btn = $(this); $btn.button('loading'); // simulating a timeout setTimeout(function () { $btn.button('reset'); }, 1000); }); 

另外，别忘了在页面中加载jQuery和Bootstrap js（基于jQuery）文件。

的jsfiddle

正式文件