backbone.js - 加载新页面后工具提示不会消失

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) 将鼠标悬停在我要点击的头像上 => 工具提示出现在头像上方(没问题)

2)点击头像加载新页面

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

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

Answer 1

当您单击元素时，工具提示会在 mouseenter 和 left 上切换，并且 DOM 结构会被新页面替换，因此头像上的 mouseleave 永远不会触发，因为当鼠标悬停在元素上时，会以编程方式删除该元素。

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