在Bootstrap 3中加載狀態按鈕

Question

我是Bootstrap 3.我不知道如何激活加載狀態按鈕功能。我的代碼來自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

Official Documentation