如果您将鼠标放在工具提示上，请保持Bootstrap Tooltip可见

Question

所以我有一个元素，我有一个Bootstrap工具提示工作悬停。但是，如果用户将鼠标移动到工具提示上，我想保持工具提示打开。目前，当用户将鼠标移动到工具提示占据的空间时，工具提示已关闭。工具提示将包含html，包括几个按钮。

如果用户从导致悬停的元素移动到工具提示，我怎么能保持打开？

Answer 1

使用jQuery手动触发：

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

这是标记和演示，

HTML：

<div class="container">
  <h3>Tooltip Example</h3>
  <a href="#" data-toggle="tooltip" class="myTooltip" title="Hooray!">Hover over me</a>
</div>

JS：

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

CODEPEN DEMO