0

我正在使用 Bootstrap 3 并显示“工具提示” 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...

并且更改head 元素内的脚本标签，内体标签，外体标签也无助于达到我想要的结果！

4

3 回答 3

0

尝试添加data-container="body"

<div data-toggle="tooltip" data-placement="left" title="Lorem ipsum" data-container="body">
Mouse Over
</div>
于 2014-11-27T14:27:32.480 回答
0

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

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

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

至

-webkit-animation-fill-mode: none;
animation-fill-mode: none;
于 2016-07-16T09:37:18.270 回答
-1

添加以下行对我有用：

data-container="body" data-placement="right"
于 2018-03-27T05:50:13.760 回答