twitter bootstrap工具提示:使用延迟会导致相邻工具提示保持可见

时间:2013-05-28 01:44:42

标签: twitter-bootstrap tooltip delay

[我发现了关于如何设置工具提示延迟的帖子,但如果两个链接相邻则引入的问题没有了]

我在工具提示中添加了一些延迟,以消除闪烁,因为鼠标在链接上快速移动:

$('body').tooltip({
  selector: 'a[rel="tooltip"], [data-toggle="tooltip"]', 
  delay: { show: 100, hide: 100 } 
});

但是当从一个工具提示链接直接移动到另一个工具提示链接(两者都显示)时,它引入了持久的工具提示显示。

您可以通过将鼠标悬停在“寻找完美的植物”上并将鼠标向下移动到“植物和包装上的销售”来查看http://classygroundcovers.com/site/page?view=sitemap处的问题。

如果我删除延迟,他们就可以正常工作。

任何想法如何保持延迟并使其表现正常?

参考:http://twitter.github.io/bootstrap/javascript.html#tooltips

感谢您对这个问题的关注。

1 个答案:

答案 0 :(得分:1)

省略“隐藏”延迟使问题消失。 这让我保持防止闪烁所需的“显示”延迟。

这并不能解决问题,但这是一种可行的解决方法。