保持Twitter Bootstrap工具提示在mouseleave上打开

Question

对于特定的情况和元素,我需要默认显示Bootstrap Tooltip(一旦加载页面),始终保持打开(即使在鼠标悬停和鼠标移除时).

这是我用来在元素上默认打开工具提示的代码:

$('#myelement').tooltip('show');

现在我不确定如何在mouseover和mouseout上阻止/禁用工具提示的默认操作.任何的想法？

提前致谢!

Answer 1

找到解决方案 手动触发器可以解决问题 - 这是更新后的代码:

$('.taskTooltip').tooltip({trigger: 'manual'}).tooltip('show');

Answer 2

在显示后使用 unbind() ：它将删除所有事件处理程序，因此工具提示不会在鼠标离开时隐藏

$(".circle").tooltip("show");
$(".circle").unbind();

.circle{
margin-left:100px;
margin-top:80px;
width:10px;
height:10px;
background-color:#0088ff;
border-radius:50%;
border:1px solid #ff8800;

}

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="circle" data-toggle="tooltip" data-placement="top" title="Hello World !"></div>