Comment afficher/masquer une alerte spécifique avec twitter bootstrap ?

Question

Voici un exemple d'alerte que j'utilise :

<div class="alert alert-error" id="passwordsNoMatchRegister">
  <span>
    <p>Looks like the passwords you entered don't match!</p>
  </span>
</div>

Je sais que $(".alert").show() y $(".alert").hide() affichera/masquera tous les éléments de l .alert classe. Cependant, je ne parviens pas à trouver comment masquer une alerte spécifique, compte tenu de son identifiant.

Je veux éviter d'utiliser .alert("close") car cela supprime définitivement l'alerte, et je dois pouvoir la rappeler.

Answer 1

Vous pouvez simplement utiliser le sélecteur id(#)comme ceci.

 $('#passwordsNoMatchRegister').show();
 $('#passwordsNoMatchRegister').hide();

Answer 2

Pour tous ceux qui ont répondu correctement avec la méthode jQuery de $('#idnamehere').show()/.hide() Merci.

Il semble <script src="http://code.jquery.com/jquery.js"></script> était mal orthographié dans mon en-tête (ce qui expliquerait pourquoi aucun appel d'alerte ne fonctionnait sur cette page).

Mais merci beaucoup, et désolé de vous avoir fait perdre votre temps !

Answer 3

Utiliser l'ID au lieu de la classe ? Je ne comprends pas vraiment pourquoi vous demandez cela alors que vous semblez connaître Jquery ?

$('#passwordsNoMatchRegister').show();

$('#passwordsNoMatchRegister').hide();

Answer 4

Utilisez le sélecteur id #

$('#passwordsNoMatchRegister').show();

Answer 5

J'ai eu ce problème aujourd'hui, j'étais très pressé par le temps, alors l'idée ci-dessous a fonctionné :

• setTimeout avec 1 sec -- appelle une fonction qui affiche le div
• setTimeout avec 10 sec -- appeler une fonction qui cache le div

Le fondu n'est pas là, mais cette sensation de bootstrap sera là.

J'espère que cela vous aidera.