加载新页面后，工具提示不会消失

Question

我使用twitter boostrap为我的网络应用程序实现工具提示（twipsy）

我的实施如下：

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"click to see xxxx's muse"}
    %img{src: "<%= avatar_url %>"}

步骤顺序如下： 1）将鼠标悬停在我要点击的头像上=＆gt;工具提示出现在头像上方（没有问题）

2）点击头像加载新页面

3）加载了新页面，但1）中显示的工具提示没有消失，只是仍然显示在新加载的页面上。

我需要设置任何其他参数以确保工具提示在步骤3中消失吗？

Answer 1

当工具提示在mouseenter上切换并在单击元素时离开并且DOM结构被新页面替换时，化身上的mouseleave永远不会被触发，因为当鼠标悬停在其上时，该元素已被编程删除。

要解决此问题，您需要在点击头像时调用.tooltip('hide')方法。