260 votes

Changer le contenu de l'info-bulle de Bootstrap sur Twitter

J'ai une info-bulle sur un élément d'ancrage, qui envoie une requête AJAX sur un clic. Cet élément a une infobulle (de Twitter Bootstrap). Je souhaite que le contenu de l'info-bulle change lorsque la demande AJAX est retournée avec succès. Comment puis-je manipuler l'info-bulle après l'initiation?

448voto

Mehmet Duran Points 1175

Viens de trouver ceci aujourd'hui lors de la lecture du code source. Si appelle une fonction au sein de la classe. Et si vous regardez , il récupère les attribuent et remplace la valeur title avec elle.

Si nous faisons tout simplement :

et bien sûr, il met à jour le titre, qui est la valeur à l’intérieur de l’info-bulle.

123voto

Adriaan Points 384

Bootstrap 3 il suffit d’appeler elt.attr ("données-original-titre", "Foo") comme des variations de l’attribut « données-original-titre » déjà déclencher des modifications dans l’affichage de l’info-bulle.

13voto

ndreckshage Points 338

Voici une solution agréable si vous voulez modifier le texte sans fermeture et la réouverture de l’info-bulle.

de cette façon, texte remplacé sans fermer la tooltip (éloigner à n’est pas, mais si vous faites un changement d’un mot etc. il devrait être bon). et lorsque vous placez le curseur off + retour sur info-bulle, il est toujours mis à jour.

** Il s’agit de « bootstrap » 3, 2, que vous devrez probablement modifier les noms de classe/de données

10voto

Relational Points 41

Cela fonctionne si l’info-bulle a été instanciée (éventuellement avec javascript) :

4voto

aknuds1 Points 9918

Ce qui suit fonctionne le mieux pour moi, fondamentalement, je suis mise au rebut d’une info-bulle existant et ne pas se soucier de montrer la nouvelle info-bulle. Si appel afficher sur l’info-bulle comme dans les autres réponses, il apparaît même si le curseur n’est pas en vol stationnaire au-dessus de lui.

La raison pour laquelle que je suis allé pour cette solution, c’est que les autres solutions, ré-utilisation de l’encadré d’aide existant, a conduit à des problèmes étranges avec l’info-bulle affiche parfois ne pas lorsque plane le curseur au-dessus de l’élément.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X