由父div隐藏的Bootstrap工具提示

Question

我在我的网络应用中使用了Bootstrap工具提示，并且被它的父级div切断了。

为了解决这个问题，我添加了data-container =＆＃34; body＆＃34;

<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事件（Updated JSFiddle）。

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

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

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