Loading state button in Bootstrap 3

Question

I m new to Bootstrap 3  Can t figure out how to activate the loading state button function  My code below is from the documents on getboostrap com    lt button type  button  data-loading-text  Loading     class  btn btn-primary  gt    Loading state  lt  button gt    Dropdowns works fine so I guess the problem is somewhere else

User · Accepted Answer

You need to detect the click from js side, your HTML remaining same. Note: this method is deprecated since v3.5.5 and removed in v4.

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

Also, don't forget to load jQuery and Bootstrap js (based on jQuery) file in your page.

JSFIDDLE

Official Documentation

[jquery] Loading state button in Bootstrap 3

Examples related to jquery

Examples related to html

Examples related to twitter-bootstrap