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

Bootstrap tooltip not hiding after drag and drop event

我这里有一个 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>

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

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

请将脚本更改为:

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