8
votes

Bootstrap ToolTip Cache Sélecteur / Élément à bascule

J'utilise bootstrap 2.3.2. Mes info-bulles se présentent comme prévu, mais lorsque vous volez de l'élément déclencheur, l'info-bulle et l'élément déclencheur sont à la fois cachés. Il y a un style inline d'affichage : aucun appliqué à l'élément déclencheur.

Quel est le meilleur moyen de diagnostiquer pourquoi cela se produit? Je crains que ce soit une autre bibliothèque JS contradictoire, mais je ne sais pas comment capturer l'événement qui ajoute Affichage: Aucun à l'élément déclencheur.


1 commentaires

Pourriez-vous fournir un lien vers le site que vous avez le problème?


5 Réponses :


9
votes

Je découvre en fait qu'il s'agit d'un conflit de noms de noms d'interaction entre prototype et bootstrap 2.3.

https://github.com/twitter/bootstrap/issues/6921 << / p>

Meilleur pari consiste à commenter la ligne ceci. $ élément.trigger (e) in bootstrap.js pour l'instant ou utilisez 3.0 WIP.


0 commentaires

4
votes

solution sans changement sur bootstrap.js xxx

jQuery xxx

référence


2 commentaires

C'est une bonne approche, mais que suggérez-vous sur le scintillement de l'élément lorsqu'il se cache et s'affiche à nouveau de votre code ??


S'il vous plaît vérifier ma réponse ci-dessous pour une solution non vacillante



2
votes

ajoutez ceci après jquery.js, y compris xxx


0 commentaires

1
votes

Cette solution ne glisse pas ...

$('[data-toggle="tooltip"]').tooltip()
.on('hide.bs.tooltip', function(e) {
    e.preventDefault();
    $('div.tooltip').hide();
});


0 commentaires

1
votes

pour les googlers; Pour moi, toutes les réponses n'ont pas fonctionné. Donc, voici (pas le meilleur) mais une solution de contournement vraiment simple:

Ajoutez ceci à votre CSS: P>

[data-toggle="tooltip"] {
  display: initial !important;
}


0 commentaires