ToolTip no desaparece después de cargar una nueva página
-
27-10-2019 - |
Pregunta
Estoy usando Twitter Boostrap para implementar la información sobre herramientas para mi aplicación web (Twipsy)
Mi implementación es la siguiente:
%li.friend
%a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"click to see xxxx's muse"}
%img{src: "<%= avatar_url %>"}
La secuencia de pasos es la siguiente: 1) desplazamiento en el avatar que quiero hacer clic => ToolTip aparece arriba del avatar (sin problema)
2) Haga clic en Avatar para cargar una nueva página
3) Se carga una nueva página pero la información sobre herramientas que se muestra en 1) no desapareció y simplemente permaneció mostrada en la página recién cargada.
¿Hay algún parámetros adicionales que necesite establecer para asegurar que la información sobre herramientas desaparezca en el paso 3)?
Solución
A medida que la información sobre herramientas se altera en el mouseenter y deje cuando haga clic en el elemento y la estructura DOM se reemplaza con una nueva página, el mouseLeave en el avatar nunca se activa ya que el elemento se eliminó programáticamente mientras el mouse se desplazaba sobre él.
Para arreglar que necesitas llamar al .tooltip('hide')
Método cuando hace clic en el avatar.