javascript - 单击按钮和鼠标离开后，Bootstrap 的工具提示不会消失

Question

我对 Bootstrap 的工具提示有问题:当我点击一个按钮时，即使光标在按钮之外，工具提示也会保留。我查看了手册 - Bootstrap's tooltip如果我点击按钮，我会看到同样的问题。有解决办法吗？刚刚在最新的 FF、IE 中试过。

Answer 1

这是因为未设置trigger。触发器的默认值为 'hover focus'，因此在单击按钮后工具提示保持可见，直到单击另一个按钮，因为该按钮是 focused。

所以你所要做的就是将 trigger 定义为 'hover' only。在您链接到的相同示例下方，单击按钮后没有保留工具提示:

$('[data-toggle="tooltip"]').tooltip({
    trigger : 'hover'
})  

fiddle 中的文档示例 -> http://jsfiddle.net/vdzvvg6o/