父div隐藏的Bootstrap工具提示

Question

我在我的Web应用程序上使用了Bootstrap工具提示，但它们的父div已将其切断。

为了解决这个问题，我添加了data-container =“ body”

<a href="/some-path" title="Show tool tip" data-container="body" data-toggle="tooltip">Hello</a>

这解决了问题，但是随之带来了一个新问题。

当我单击锚点并导航时，工具提示不会消失。

有人遇到过这个吗？ 有解决这个问题的简单方法吗？

编辑 -JSFiddle与我的问题http://jsfiddle.net/m9AX5/5/类似，除了在我的情况下，父div不会被删除。

Answer 1

发生这种情况是因为未检测到mouseleave。

一种解决方案是在点击操作中隐藏工具提示：

$('#button').on('click', function () {
  $(this).tooltip('hide')
})

示例： http ： //jsfiddle.net/m9AX5/6/

希望能帮助到你。

Answer 2

正如Andre所提到的，mouseleave事件不会被触发，因此工具提示不会被删除。

要执行与隐藏工具提示相同的操作，您可以简单地手动触发mouseleave事件（已更新JSFiddle ）。

$(this).trigger('mouseleave');

尽管您还没有解释单击案例中的元素时会发生什么，但是我猜这是因为元素被删除并且mouseleave事件从未触发。 在这种情况下，您应该编写一个事件侦听器并手动触发mouseleave元素：

$('#anchor').click(function(){
    $(this).trigger('mouseleave');
}