Bootstrap工具提示使元素闪烁

时间:2016-05-11 13:09:14

标签: twitter-bootstrap-3 twitter-bootstrap-tooltip

在我的应用程序中,我使用引导工具提示,但每当我将鼠标悬停在使用工具提示的按钮上时,我的一个元素就会开始闪烁。什么可能导致这个问题?

这是我创建工具提示的方式:

$('[data-toggle="tooltip"]').tooltip({placement:"auto"});

以下是https://jsfiddle.net/oLkuat84/10/

的示例

1 个答案:

答案 0 :(得分:1)

这似乎是一个浏览器问题。你的JS在OSX-> Firefox和OSX-> Chrome上没有闪烁,但是在OSX中有可怕的红/蓝闪烁 - > Safari(蓝色来自哪里?)

您可以通过从top类中删除leftstyle-switcher-btn-3属性来隔离问题。

从我可以收集到的内容:它的safari正在重新渲染两个固定位置的项目(工具提示和style-switcher-btn-3),这就是闪烁。蓝色的来源我不知道。

如果可能,请尝试将该按钮分组为position:fixed