javascript - Bootstrap 工具提示不会被破坏

Question

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

<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。

谢谢!

Answer 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
    }
}

从触发器中删除“焦点”:“悬停焦点”

这解决了我的问题。