Bootstrap 3工具提示 - 轻击MouseOut ...如果它在iFrame中，则会发生

Question

我正在使用Bootstrap 3并显示＆＃34; 工具提示＆＃34; onMouseOver正在按预期工作。但每当我移出光标时，屏幕就会闪烁。

HTML：

<div data-toggle="tooltip" data-placement="left" title="Lorem ipsum">
Mouse Over
</div>

脚本初始化：

<!-- Tooltip -->
<script type="text/javascript">
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>
<!-- /Tooltip -->

我也试过以下选项：

<script>...</script>
<script language="javascript">...</script> etc...

并且更改脚本元素内部的脚本标记，体内标记内部，正文标记并没有帮助实现我想要的结果！

Answer 1

尝试添加data-container="body"

<div data-toggle="tooltip" data-placement="left" title="Lorem ipsum" data-container="body">
Mouse Over
</div>

Answer 2

我遇到了类似的问题..

通过更改animate.css类属性来解决：

-webkit-animation-fill-mode: both;
animation-fill-mode: both;

到

-webkit-animation-fill-mode: none;
animation-fill-mode: none;

Answer 3

添加以下行对我有用：

data-container="body" data-placement="right"