拖放事件后Bootstrap工具提示不会隐藏

Question

我在这里有一个JSFiddle：https://jsfiddle.net/cwgofr84/1/

使用以下html：

<div class="container">
  <h3>Tooltip Example</h3>
  <button class="btn btn-default" data-toggle="tooltip" title="Hover 1">Hover over me 1</button>

  <button class="btn btn-primary" data-toggle="tooltip" title="Hover 2">Hover over me 2</button>

  <button class="btn btn-info" data-toggle="tooltip" title="Hover 3">Hover over me 3</button>
</div>

我有三个按钮，如果我拖动其中一个按钮以显示工具提示然后放下然后将鼠标悬停在另一个按钮上，则它不会隐藏第一个工具提示并显示第二个工具提示。像这样：

有没有办法阻止这种情况发生？

Answer 1

请将您的脚本更改为：

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