Infobulle ne disparaît pas après une nouvelle page est chargée
-
27-10-2019 - |
Question
J'utilise twitter boostrap pour mettre en œuvre infobulle pour mon application web (Twipsy)
Ma mise en œuvre est la suivante:
%li.friend
%a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"click to see xxxx's muse"}
%img{src: "<%= avatar_url %>"}
La séquence des étapes est le suivant: 1) Hover sur l'avatar que je veux cliquer sur => infobulle apparaît au-dessus avatar (pas de problème)
2) Cliquez sur avatar pour charger une nouvelle page
3) Nouvelle page est chargée, mais l'info-bulle indiqué en 1) n'a pas disparu et juste rester affiché sur la page nouvellement chargée.
Y at-il des paramètres supplémentaires que je dois ensemble pour garantir que l'info-bulle disparaît à l'étape 3)?
La solution
infobulles sur mouseenter et permet de basculer congé lorsque vous cliquez sur l'élément et la structure DOM est remplacée par une nouvelle page, le mouseleave sur l'avatar est jamais déclenché que l'élément a été enlevé alors que la souris programme était en vol stationnaire au-dessus.
Pour résoudre que vous devez appeler la méthode .tooltip('hide')
lorsque vous cliquez sur l'avatar.