infobulle Bootstrap ne se cache pas après le glisser-déposer événement

Question

J'ai un jsFiddle ici: https://jsfiddle.net/cwgofr84/1/

avec le code HTML suivant:

<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> 

où j'ai trois boutons, si je fais glisser l'un des boutons de sorte que le L'info-bulle s'affiche, puis lâche puis survole un autre bouton, il ne masque pas la première info-bulle et affiche la seconde. comme ceci:

Y at-il un moyen d'arrêter cela se produise?

Answer 1

s'il vous plaît changer votre script:

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