Bootstrap - Tooltip - SVG - Résultats anarchique !
Salut à tous.
Je me heurte à un dysfonctionnement de la tooltip de bootstrap avec un SVG.
Sur ce SVG (carte de France découpé par département), quand on survole un département, la tooltip doit afficher le numéro du département.
Pour que ce soit dynamique, je récupère l'id du département dans le SVG.
Voici le code (assez basique)
Code:
1
2
3
4
5
6
7
8
|
$('path').hover(function(){
retour = $(this).attr('id')
$(this).tooltip({
title: retour,
container:'body'
});
}) |
Quand je teste, le comportement de la tooltip est anarchique.... par moment elle affiche le numéro du département, parfois non et sans qu'il est un rapport avec le département.
Exemple :
Je survole le 33 - OK
Je passe au 40 - Pas OK
Je reviens au 33 - OK
Je retourne sur le 40 - OK !!
Si je rentre un texte statique dans la fonction, tout fonctionne parfaitement.
Une idée ?
