


Bootstrap modifie le bouton de chargement des compétences status_javascript
May 16, 2016 pm 04:29 PMLorsqu'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 :
<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
<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.

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds

Comment introduire le bootstrap dans Eclipse

Comment introduire une idée dans bootstrap

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

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

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

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
