单击后关闭工具提示

Question

我正在使用Bootstrap本机工具提示。

当使用以下jQuery代码将鼠标移到工具提示上时，我有一个显示工具提示的链接：

jQuery(document).on('hover', '#mylink', function(event)
{
    event.preventDefault();
    jQuery('[data-toggle="tooltip"]').tooltip();
});

但是，当我单击链接后，工具提示仍保持可见，该链接会打开一个新窗口。

如何在使用jQuery的点击事件后关闭工具提示？

Answer 1

您可以使用dispose方法破坏工具提示

jQuery('[data-toggle="tooltip"]').tooltip('dispose')

---

要在以后暂时禁用工具提示，请使用disable方法，您可以使用enable方法重新启用。

jQuery('[data-toggle="tooltip"]').tooltip('dispose');

---

要隐藏，请使用工具提示中的hide方法。

jQuery('[data-toggle="tooltip"]').tooltip('hide'); 

---

更新1： 现在，将其与该特定链接的click事件处理程序结合在一起。除了触发blur事件（因为它可能仍处于焦点状态）之外，还可以隐藏弹出窗口。

jQuery(document).on('click', '#mylink', function() { 
    jQuery('[data-toggle="tooltip"]').tooltip('hide').blur(); 
}); 

或者甚至触发模糊事件也将对您有用，因为由于聚焦而仍处于活动状态。

jQuery(document).on('click', '#mylink', function() { 
    jQuery('[data-toggle="tooltip"]').blur(); 
}); 

---

更新2： 或仅通过设置触发选项来限制hover上的弹出窗口触发。

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