Le retard de Popover au bootstrap ne fonctionne pas
Je veux la liste de cacher après un certain temps. J'ai codé this -> CODE travail..
JS
$('#qoo').popover({
placement : 'left',
html : true,
delay: {
show: 500,
hide: 100
},
content: function() {
return $('#content-wrapper1').html();
}
});
HTML
<div class="span1 offset1">
<a href="#" id="qoo" rel="popover" data-original-title="TITLEEEE" class="circle"> textttt</a>
<div id="content-wrapper1" class="content-wrapper"> texttttttat</div>
</div>
Mais ça ne fonctionne pas.
source d'informationauteur yaylitzis
Vous devez vous connecter pour publier un commentaire.
Retard afficher /masquer le fait pas automatiquement afficher /masquer la fenêtre pop-over, il définit les retards avant le faire! Aussi, délai ne s'applique pas à déclenchement manuel typede sorte que vous devez avoir un déclencheur, comme
hover
. pour obtenir les retards au travail.Cependant, pour parvenir à masquer automatiquement pour la liste, vous pouvez effectuer les opérations suivantes en accrochant dans les
shown.bs.popover
événement :Ci-dessus se cache la liste après les 1000 ms, 1 seconde.
Ma solution: la Liste ne s'ouvre que lorsque l'utilisateur de passer sur le lien pour un certain laps de temps.
J'ai essayé votre code, le problème dans ton code, c'est que l'info-bulle ne semble pas être lié dans le corps, il se passe réellement à l'extérieur du corps, donc si vous laissera de la marge pour l'élément que vous serait en mesure de le faire fonctionner correctement. Jetez un oeil à ceci :
JSFiddle
HTML :
JS :