单击选项卡时，Bootstrap隐藏工具提示

Question

如何在点击时隐藏工具提示（）？检查我的代码以便更清楚地理解。

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

这是我的代码：http://jsfiddle.net/e45ggmrb/

Answer 1

您可以收听shown.bs.tab event以确定点击标签的时间，然后您可以访问点击的标签e.target，并隐藏相应的工具提示：

Updated Example

$('[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    $(e.target).siblings('.tooltip').hide();
});

Answer 2

工具提示有一个tooltip类，因此您可以通过它的类访问它并使用.hide()：

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