单击按钮并显示其他悬停项后，JQuery工具提示不会消失

Question

正如您在图像中看到的那样，首先单击灰色按钮，然后将鼠标放在最后一个按钮上，它会悬停工具提示。两者都在同一时间出现。

点击按钮后，工具提示不会消失，直到您点击其他内容。

我在文档中有很多工具提示，所以我正在使用它。

$( document ).tooltip()

我尝试过删除工具提示，但无效。

$( document ).tooltip().click(function() {
    $(document).tooltip( "close");
});

此外，我尝试在每个元素的onClick事件上放置一些hiddenToolTip函数，它工作正常。但我需要一个普遍的解决方案。

Answer 1

如果使用以下方法初始化工具提示：

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

然后，您可以使用以下代码使其在点击后淡出：

$('[data-toggle="tooltip"]').click(function() {
    $('.tooltip').fadeOut('fast', function() {
        $('.tooltip').remove();
    });
});

Answer 2

每次启动新的tooptip时都必须删除工具提示DOM元素，例如

$(element).click(function() {
    $('.tooltip_element').remove();
    // show new tooltip.
});

Answer 3

试试这个

$("#controlid").tooltip('hide');