Caricamento pulsante di stato in Bootstrap 3

Question

Sono nuovo su Bootstrap 3. Impossibile capire come attivare la funzione del pulsante di stato di caricamento. Il mio codice di seguito è dai documenti su getboostrap.com.

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

Gli elenchi a discesa funzionano correttamente, quindi suppongo che il problema sia da qualche altra parte?

Answer 1

È necessario rilevare il clic dal lato js, ​​il codice HTML rimane lo stesso. Nota: questo metodo è obsoleto da v3.5.5 e rimosso in v4.

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

Inoltre, non dimenticare di caricare il file jQuery e Bootstrap js (basato su jQuery) nella pagina.

JSFIDDLE

Official Documentation