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

Question

如何在点击时隐藏 tooltip()？检查我的代码以更清楚地理解。

$(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 class，因此您可以通过 class 访问它并使用 .hide():

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