besoin cliquez deux fois après la peau a montré bootstrap liste
JS:
$('#popoverlink').popover();
$("#popoverhide").click(function() {
$("#popoverlink").popover("hide");
});
CSS:
#popoverlink {
position: absolute;
top: 100px;
left: 100px;
}
HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<a href="#" id="popoverlink" class="btn" rel="popover" title="Some title">Popover</a>
<a href="#" id="popoverhide" class="btn" rel="popover" title="Some title">hide</a>
Même avec le violon. Désolé le lien précédent était faux. Celui-ci est correct.
Après, je me cache dans la liste, j'ai besoin de cliquer sur la liste de déclencher deux fois pour afficher de nouveau.
Est-ce un bug? Est-il rien peut l'éviter?
Mise à JOUR
J'ai les moyens, j'ai utilisé un autre bouton pour masquer une fenêtre pop-over par
$("#popoverTrigger").popover("hide");
Que j'ai besoin de cliquer sur le "#popoverTrigger" deux fois pour le montrer.
STUPIDE SOLUTION
$("popoverhide").click(function() {
var f = false;
if($("popoverlink").next('div.popover:visible')) {
f = true;
$("popoverlink").popover("hide");
}
if(f) {
$("popoverlink").click();
}
})
Est-il une bonne idée?
- Ne semble pas comme ça sur mon ordinateur..
- oui ,Sa marche bien pour moi aussi
Popever
sur son propre fonctionne très bien. Essayez cela, cliquez sur la liste et activez l'info-bulle chose, puis se cacher à l'aide de bouton masquer, puis cliquez sur liste. Il n'apparaît pas au premier clic, mais sur la seconde. Semble comme un bug.- Que vous ne remarquerez que le bug si vous utilisez v3.3.5 de bootstrap. Voir ma réponse pour plus de détails.
- J'ai connu ce bug dans 3.3.6
- Le même problème affecte les info-bulles, et les solutions sont les mêmes.
Vous devez vous connecter pour publier un commentaire.
Pas encore fixé dans 3.3.6 mais j'ai trouvé une solution proposée ici:
https://github.com/twbs/bootstrap/issues/16732
https://github.com/twbs/bootstrap/pull/17702/files#diff-f3e99e0bb007ace7a370f0492b9cb5abR340
J'ai appliqué dans le secret de l'événement:
Cela fonctionne pour moi. Pour être exactement le même que le correctif proposé, il serait:
Remarque: j'utilise délégué popovers c'est pourquoi je suis en utilisant le $('body') de référence.
Pour Bootstrap 4 utilisation
_activeTrigger
au lieu deinState
:$(e.target).data("bs.popover")._activeTrigger.click = false
Je suis récemment tombé sur ce bug et ce est la façon dont je l'ai corrigé:
C'est un bug dans la v3.3.5:
https://github.com/twbs/bootstrap/issues/16732
Suffit d'utiliser 3.3.4 pour l'instant jusqu'à ce qu'il est fixe.
J'ai eu une fenêtre qui s'estompe au bout de 3 secondes et nécessaire, double-cliquez pour l'ouvrir de nouveau. Suivi Darren solution et cela a fonctionné.
J'ai utilisé Darren est la réponse ci-dessus. Désolé Darren, je ne peux pas encore de commentaires sur les autres post.
Un léger changement même si. J'ai changé le "show" à "bascule" pour être en mesure de basculer la boîte de pop-up.
À partir de:
À
Simplement utiliser ce:
Au lieu de:
assurez-vous liste sera initialisé qu'une seule fois.si il sera initialisé à plus de
une fois à travers les différents fichiers que vous pouvez obtenir de ce problème.