Bootstrap Tooltip не уничтожается

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

Убрать «фокус» из триггера: «навести фокус»

Это решило проблему для меня.

Answer 2

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

Это решило проблему для меня.