Maison interface Web js tutoriel Bootstrap modifie le bouton de chargement des compétences status_javascript

Bootstrap modifie le bouton de chargement des compétences status_javascript

May 16, 2016 pm 04:29 PM
bootstrap

Lorsqu'il y a un bouton d'activation dans le bootstrap, le bouton devient indisponible

Selon la méthode présentée sur le site officiel, ajoutez un attribut data-loading-text="Loading..." au bouton du bouton, puis le code js global est le suivant :

Copier le code Le code est le suivant :

<button type="button" id="myButton" data-loading-text="Chargement..." class="btn btn-primary" autocomplete="off">
État de chargement
</bouton>

<script>
$('#myButton').on('clic', function() {
var $btn = $(this).button('loading')
// logique métier...
$btn.button('reset')
})
</script>

L'attribut autocomplete="off" est utilisé pour que l'état désactivé ne soit pas automatiquement levé après le chargement de la page par le navigateur FF.
Lorsque j'ai utilisé directement le code ci-dessus, j'ai constaté qu'il n'y avait pas de statut de chargement.
Ensuite je l'ai changé moi-même et je l'ai écrit comme ça, et c'était OK

Copier le code Le code est le suivant :

<script>
//Utilisé pour le bouton de connexion souriant et le bouton de révision pour modifier l'état de chargement du bouton
Fonction log() {
var btn = $("#btn_login");
btn.button('loading');
setTimeout(function () { btn.button('reset'); },2000);
>
</script>
<button type="button" class="btn btn-default" data-loading-text="Chargement..." autocomplete="off" onclick="loag()" id="btn_login">Connexion< bouton>

Avec seulement quelques modifications, nous pouvons répondre à nos exigences. Je ne sais pas si la version officielle a été mise en place sans test. Ici, je recommande la solution à mes amis.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment introduire le bootstrap dans Eclipse Comment introduire le bootstrap dans Eclipse Apr 05, 2024 am 02:30 AM

Comment introduire le bootstrap dans Eclipse

Comment introduire une idée dans bootstrap Comment introduire une idée dans bootstrap Apr 05, 2024 am 02:33 AM

Comment introduire une idée dans bootstrap

Comment lire les résultats du test d'effet de médiation bootstrap dans stata Comment lire les résultats du test d'effet de médiation bootstrap dans stata Apr 05, 2024 am 01:48 AM

Comment lire les résultats du test d'effet de médiation bootstrap dans stata

750 000 rounds de bataille en tête-à-tête entre grands modèles, GPT-4 a remporté le championnat et Llama 3 s'est classé cinquième 750 000 rounds de bataille en tête-à-tête entre grands modèles, GPT-4 a remporté le championnat et Llama 3 s'est classé cinquième Apr 23, 2024 pm 03:28 PM

750 000 rounds de bataille en tête-à-tête entre grands modèles, GPT-4 a remporté le championnat et Llama 3 s'est classé cinquième

Comment lire les résultats du test de médiation bootstrap Comment lire les résultats du test de médiation bootstrap Apr 05, 2024 am 03:30 AM

Comment lire les résultats du test de médiation bootstrap

Comment utiliser bootstrap pour tester l'effet de la médiation Comment utiliser bootstrap pour tester l'effet de la médiation Apr 05, 2024 am 03:57 AM

Comment utiliser bootstrap pour tester l'effet de la médiation

Quelle est la différence entre bootstrap et springboot Quelle est la différence entre bootstrap et springboot Apr 05, 2024 am 04:00 AM

Quelle est la différence entre bootstrap et springboot

Comment exporter les résultats de la commande stata de l'effet de médiation du test d'amorçage Comment exporter les résultats de la commande stata de l'effet de médiation du test d'amorçage Apr 05, 2024 am 03:39 AM

Comment exporter les résultats de la commande stata de l'effet de médiation du test d'amorçage

See all articles