引导工具提示不会被破坏答案

【问题标题】：Bootstrap Tooltip does not get destroyed引导工具提示不会被破坏
【发布时间】：2018-05-10 11:07:45
【问题描述】：

我为工具提示设置了以下代码：

<div class="myClass" data-toggle="tooltip" data-placement="bottom"
data-delay='{"show":"500"}' rel="tooltip" title="My Text"> <a 
id="myId" target="_blank" 
href="#"><img class="anotherClass" src="somelogo.png" />
<div class="viewText">View</div></a>
</div>

当我点击这个 div 时，我会被重定向到另一个页面（target="_blank"），但是当我回到我的页面时，工具提示就在那里（可能是因为工具提示的悬停事件是仍然在那里..我想..）并且在我手动单击页面上的某个位置之前不会被破坏！

我希望工具提示消失并且仅在用户再次悬停时显示。我将如何实现这一点？请帮忙。我正在使用 Bootstrap 3、Javascript、Jquery 1.10 和 CSS3。

谢谢！

【问题讨论】：

标签： javascript jquery css twitter-bootstrap-3

【解决方案1】：

它是 bootstrap.min.js 中的默认功能

c.VERSION = "3.3.7", c.TRANSITION_DURATION = 150, c.DEFAULTS = {
    animation: !0,
    placement: "top",
    selector: !1,
    template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
    trigger: "hover focus",
    title: "",
    delay: 0,
    html: !1,
    container: !1,
    viewport: {
        selector: "body",
        padding: 0
    }
}

从触发器中移除“焦点”：“悬停焦点”

这为我解决了这个问题。

【讨论】：

我在 bootstrap.min.js 文件中没有找到触发器的焦点属性！只有触发器：“悬停”在那里
这对我有用。我之前的评论是错误的。谢谢你:)

【解决方案2】：

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

这为我解决了这个问题。

【讨论】：

这在技术上也是正确的，但它对我不起作用，因此没有将其标记为正确。感谢您的解决方案@mabhijit95a10