Heim > Web-Frontend > js-Tutorial > Hauptteil

Bootstrap ändert die Schaltfläche zum Laden von status_javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:29:46
Original
1454 Leute haben es durchsucht

Wenn im Bootstrap eine Aktivierungsschaltfläche vorhanden ist, ist die Schaltfläche nicht verfügbar

Fügen Sie gemäß der auf der offiziellen Website eingeführten Methode ein data-loading-text="Loading..."-Attribut zur Schaltfläche hinzu, und der gesamte js-Code lautet dann wie folgt:

Code kopieren Der Code lautet wie folgt:

<script><br> $('#myButton').on('click', function () {<br> var $btn = $(this).button('loading')<br> // Geschäftslogik...<br> $btn.button('reset')<br> })<br> </script>

Das Attribut autocomplete="off" wird verwendet, damit der deaktivierte Status nicht automatisch aufgehoben wird, nachdem der FF-Browser die Seite geladen hat.
Als ich den obigen Code direkt verwendete, stellte ich fest, dass kein Ladestatus vorhanden war.
Dann habe ich es selbst geändert und so geschrieben, und es war in Ordnung

Code kopieren Der Code lautet wie folgt:

<script><br> //Wird für die Smile-Anmeldeschaltfläche und die Überprüfungsschaltfläche verwendet, um den Ladestatus der Schaltfläche zu ändern<br> Funktion loag() {<br> var btn = $("#btn_login");<br> btn.button('loading');<br> setTimeout(function () { btn.button('reset'); },2000);<br> }<br> </script>

Mit ein paar Änderungen können wir unsere Anforderungen erfüllen. Ich weiß nicht, ob die offizielle Version ohne Tests veröffentlicht wurde.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage