Info-bulle reste parfois à la page sur l'élément à l'intérieur de glissement div

Nous sommes à l'aide d'un bootstrap est un projet et confronté à un problème avec info-bulle plugin fourni. Sa fait pas un bug dans le bootstrap, mais un problème est créé avec la situation que nous sommes en l'utilisant.

Nous avons une barre de défilement, glissement qui se passe à l'intérieur du contenu de la div. Et les boutons pour cacher /montrer l'effet avec une info-bulle. Le glissement effet basé sur jQuery UI diapositive.

La question est:

Lorsque l'on clique sur masquer la barre latérale de la touche, et dans le même temps, déplace la souris en dehors du bouton sensitif au moment de l'animation de diapositives, puis, à certains moments, l'info-bulle n'obtient pas caché, et reste là-bas sur la page.

Ce qui se passe aussi sur afficher la barre latérale. Et quand il arrive, il a l'air très mauvais et buggy.

Comment pouvons-nous résoudre ce problème?

OriginalL'auteur Krunal | 2012-05-11

  1. 19

    Répondu sur bootstrap forum par Richard ( https://github.com/r1ch0)

    Juste masquer manuellement l'info-bulle lorsque vous cliquez sur le bouton, avant de déclencher l'animation de diapositives.

    
$('#button').on('click', function () {
  $(this).tooltip('hide')
  $('#sidebar').slide() //replace with slide animation
})

    Copié à partir de: https://github.com/twitter/bootstrap/issues/3446

    Posté ici juste parce que quelqu'un d'autre peut le trouver.

    Merci pour cette solution. Est-il un moyen pour obtenir un effet similaire sans javascript, simplement avec le HTML & CSS?
    Heureux de savoir que son utile. Non, je suis incapable de trouver une solution juste le HTML et le CSS!
    pour un effet global ceci peut être utilisé : $('body').on('click','*', function () { $(this).tooltip('hide') });

    OriginalL'auteur Krunal

  2. 3

    J'ai utilisé Krunal contribution (+1 d'ailleurs), qui a aidé beaucoup de moi, mais n'a pas complètement résolu le problème.

    L'info-bulle disparaît quand je clic sur le bouton, mais revient et s'interrompt à nouveau quand ma souris survole, jusqu'à ce que je clique quelque part d'autre.

    Alors je me suis dit que l'info-bulle apparaît alors que planant, et également lors de en se concentrant un élément.

    Enfin, j'ai écrit ceci :

    $('button').on('click', function () {
    $(this).blur()
})

    Et il fonctionne bien.

    Merci.

    Parfait - cette correction d'un problème j'ai eu, où l'encadré d'aide a été caché, mais toujours prenant de la place et ne laisse pas les éléments en dessous pour vous inscrire clics correctement

    OriginalL'auteur Charly

  3. 2

    Il semble y avoir une solution adéquate à ce qui n'implique pas de vous nettoyer manuellement) sur https://github.com/twitter/bootstrap/pull/4104, espérons-le, sera publié prochainement.

    qui sera grande. merci

    OriginalL'auteur gnz

  4. 1

    Si vous êtes en utilisant le bootstrap pointe de l'outil, alors que diriez-vous d'un délai d'option:

    jQuery('#example').popover(delay: { show: 100, hide: 100 })

    Si la pointe de l'outil, c'est comme partir d'une balise alt de l'image, puis utiliser jQuery pour l'enlever.

    <script type="text/javascript">
jQuery(document).ready(function() {
  jQuery("img").removeAttr("alt");
});
</script>

    OriginalL'auteur D.B.