javascript - Bootstrap 工具提示被父 div 隐藏

Question

我在我的网络应用程序上使用 Bootstrap 工具提示，它们被它的父 div chop 了。

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

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

这解决了问题，但随之而来的是新问题。

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

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

EDIT - JSFiddle 类似于我的问题 http://jsfiddle.net/m9AX5/5/除了在我的例子中，父 div 没有被删除。

Answer 1

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

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

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

例子: http://jsfiddle.net/m9AX5/6/

希望对您有所帮助。