2013-09-28 18 views
40

Jestem nowy w Bootstrap 3. Nie mogę dowiedzieć się, jak aktywować funkcję przycisku stanu ładowania. Mój kod poniżej jest z dokumentów na getboostrap.com.Przycisk stanu ładowania w Bootstrap 3

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

Dropdowns działa dobrze, więc myślę, że problem jest gdzieś indziej?

Odpowiedz

101

Musisz wykryć kliknięcie po stronie js, a pozostały HTML jest taki sam. Uwaga: ta metoda jest nieaktualna od wersji 3.5.5 i jest usuwana w wersji 4.

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

Ponadto, nie zapomnij załadować pliku jQuery i Bootstrap js (w oparciu o jQuery) na swojej stronie.

JSFIDDLE

Official Documentation

+1

Dzięki @John ツ, chodzi do Rumunii! – Sergio

+2

@Sioio Dziękuję! :-) –

+0

Właśnie tego potrzebowałem ... tyvm! –