单击后打开新选项卡后，附加到锚点的引导工具提示将保持打开状态答案

【问题标题】：Bootstrap Tooltip attached to Anchor keeps opened once new tab is opened after click单击后打开新选项卡后，附加到锚点的引导工具提示将保持打开状态
【发布时间】：2018-08-30 22:44:46
【问题描述】：

我在悬停时使用引导工具提示制作了一个简单的锚点。我注意到单击 Anchor 并打开新选项卡时，引导工具提示保持打开状态。一旦您返回到 window.opener（在本例中为小提琴），工具提示仍处于打开状态，并且每当您单击文档时它就会关闭。

避免这种情况的最佳方法是什么？我试图在点击期间做一个tooltip('destroy')，当然返回true，否则锚href将不起作用。但它不起作用。工具提示仍然显示。

也尝试触发文档点击，但也没解决。

这是fiddle。（注意到代码在stackoverflow fiddle上不起作用，这就是为什么我将它也链接到jsfiddle）

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


<div data-toggle="tooltip" title="Google Link">
  <a href="https://www.google.com" target="_blank">
    Click me!
  </a>
</div>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

我相信这就是您正在寻找的答案...

Bootstrap's tooltip doesn't disappear after button click & mouseleave

$(function () {
  $('[data-toggle="tooltip"]').tooltip({trigger : 'hover'})
})

【讨论】：

完美运行！！！！！！谢谢，我不得不用 {trigger: 'hover' } 初始化工具提示。相当棘手！