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'
});
我这里有一个 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'
});