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?
Réponses
Trop de publicités?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.
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
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.