引导 3 工具提示 - 轻拂鼠标输出..如果它在 iFrame 中发生

Bootstrap 3 Tooltip - Flicking on MouseOut... Happening if it is inside iFrame

本文关键字：iFrame 如果 输出 工具提示 鼠标 引导      更新时间：2023-09-26

我正在使用Bootstrap 3并在MouseOver上显示"工具提示"，它按预期工作。但是每当我移出光标时，屏幕都会闪烁。

.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...

而且更改头部元素内部、正文标签内部、身体标签外部的脚本标签也无助于实现我想要的结果！

尝试添加data-container="body" 

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

我遇到了完全相同的问题。

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

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

自

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

添加以下行对我有用：

data-container="body" data-placement="right"
相关文章：