Discussion :

[dominos]

Bonjour,

j'utilise la ligne suivante pour changer une icone,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#style-dm").html('<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Mode clair">&#xe3aa;</i>');

du coup le tooltip ne fonctionne plus et affiche une info-bulle classique,
avez vous déjà rencontré ce genre de problème ?
merci d'avance pour votre réponse

[Toufik83]

Bonjour,

Si tu utilises Bootstrap, il faudrait donc rappeler la fonction tooltip() sur le conteneur après la modification du contenu html $("#style-dm").html('.....').tooltip();

[dominos]

bonjour, merci pour la solution proposée mais ça ne fonctionne pas, peut-être est-ce à cause de la version de bootstrap 3.3.7 ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#style-dm").html('<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Mode sombre">&#xe3a8;</i>').tooltip();

[dominos]

solution :
j'ai déplacé le tooltip dans la balise parent <a ... tooltip...><i ...
puis ajouté la ligne suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#style-dm").attr('data-original-title', 'Mode sombre');

Bonne journée.