Bouton de chargement du statut dans Bootstrap 3

Question

Je suis nouveau dans Bootstrap 3. Je ne vois pas comment activer la fonction du bouton d'état de chargement. Mon code ci-dessous provient des documents sur getboostrap.com .

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

Les menus déroulants fonctionnent bien, alors je suppose que le problème se situe ailleurs?

Answer 1

Vous devez détecter le clic du côté js, votre code HTML restant identique. Remarque : cette méthode est obsolète depuis la v3.5.5 et supprimée dans la v4.

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

De plus, n'oubliez pas de charger jQuery et le fichier Bootstrap js (basé sur jQuery) dans votre page.

[~ # ~] jsfiddle [~ # ~]

Documentation officielle