Heim  >  Artikel  >  Web-Frontend  >  Bootstrap ändert die Schaltfläche zum Laden von status_javascript-Kenntnissen

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

WBOY
WBOYOriginal
2016-05-16 16:29:461450Durchsuche

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.

Stellungnahme:
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