Bootstrap .popover () 'show' & amp; «détruire» ne fonctionne pas correctement

Lorsque j'utilise le bootstrap liste dans le manuel "mode" détruire " et "cacher" ne fonctionne pas correctement.
Quand je suis en utilisant cacher et détruire, liste changer l'opacité à 0 mais sa ne change pas d'affichage à aucun, résultant que la liste contenant au contenu soufflet.
Sinon, si j'utilise "à bascule" mode qu'il fonctionne correctement.

Mon code:

$('[]').popover({
    html: true,
    placement: 'auto',
    container: 'body',
    trigger: 'manual'
});

$('body').on('click' , '[]' , function(e){
    e.stopPropagation();
    $(this).popover('toggle');
});

$('body').on('click' , '.popoverClose' , function(e){
    e.stopPropagation();
    var i = $(this);
    $('.inputInfo').filter('[data-info-id="' +i.data('info-id')+ '"]').popover('hide');
});

//new code
$('body').on('click', function(){
    $('[]').popover('hide');
});

source d'informationauteur LJ Wadowski

  1. 15

    Ma solution temporaire ressembler à ceci:

    Je suis en utilisant:

    $('.popover').remove();

    pour supprimer les popovers

    et 

    $('body').on('click' , '[]' , function(e){
    e.stopPropagation();

    var i = $(this);
    var thisPopover = $('.popoverClose').filter('[data-info-id="' +i.data('info-id')+ '"]').closest('.popover');        
    if( thisPopover.is(':visible') ){
        $('.popover').remove();
    }
    else{
        $(this).popover('show');
    }
});

    à bascule popovers

  2. 4

    Si vous utilisez une version personnalisée de Bootstrap, l'événement de destruction ne fonctionnera pas si vous n'avez pas cocher la case "transitions" dans le JS de la section et le test dans un navigateur qui prend en charge les transitions. C'est parce que Bootstrap regarde $.de soutien.transition en jQuery. Si cette valeur est "truthy", Bootstrap suppose, il y aura un transitionEnd événement de la sorte et de ne pas détacher la liste jusqu'à ce que la réception de cet événement. Mais Bootstrap utilise des événements personnalisés définis dans leurs transitions de la bibliothèque de sorte que le transitionEnd appel ne sera jamais déclenché. Si vous ne voulez pas de les re-télécharger de la mesure de la bibliothèque, les transitions code est ici: transition code

  3. 1

    Si vous êtes désireux de cacher la liste utiliser ce lieu:

    $('.inputInfo').filter('[data-info-id="' +i.data('info-id')+ '"]').click();
  4. 1

    Travail pour bootstrap liste

    <span class="pop-target">
      <a href="javascript:void(0);" rel="popover"........> </a>
    </span>



  $(".pop-target a").popover('hide');
  5. 0

    J'ai résolu en ajoutant ceci dans le fichier css:

    .popover.fade{z-index:-1;}

.popover.in{z-index: inherit}
  6. 0
    //Works for hover events:

$('[data-toggle="popover"]').popover();
$('[data-toggle="popover"]').mouseleave(function(e) {
    e.stopPropagation();
    $(this).find('.popover').remove();
 });