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

Question

我正在使用twitter boostrap为我的web应用程序实现工具提示(twipsy)

我的实现如下：

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

步骤顺序如下: 1)将鼠标悬停在头像上我要单击的头像上方会出现=>工具提示(没有问题)

​

​

2)点击头像加载新页面

3)加载了新页面，但1)中显示的工具提示并未消失，而只是显示在新加载的页面上。

​

​

是否需要设置其他参数以确保工具提示在步骤3)中消失？

Answer 1

当工具提示切换到鼠标输入和离开时，当你点击元素时，DOM结构被新页面替换，头像上的鼠标离开永远不会被触发，因为当鼠标悬停在元素上时，鼠标离开是通过编程方式删除的。

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