Bootstrap Popover fonctionne après un clic – JavaScript

J'ai des boutons Bootstrap, qui devraient afficher un popover lorsque le bouton est cliqué.

usernameL.onclick = function(e){ $("#" + e.currentTarget.id).popover({html : true}); }

Lorsque le site Web a chargé et je clique sur le bouton une première fois, rien ne se produit. Si je clique une deuxième fois, le popover s'ouvre et ça marche normalement.

Que puis-je faire pour que le popover apparaisse sur le premier clic?

Dans votre code, la première fois que vous cliquez sur le bouton, le démarrage du popover commence à initialiser uniquement, alors jusqu'à ce que le deuxième clic, vous voyez l'effet,

Je ne suis pas sûr de la version popover que vous avez utilisée. En tant que ressource que j'ai trouvée, ils utilisent également le jquery.

https://github.com/klaas4/jQuery.popover/blob/master/demo.html

Vous pouvez initialiser le popover en premier, puis déclencher le déclencheur à partir de n'importe quel bouton que vous voulez. Premier abord, relier le popover directement au bouton

 $(function(){ $("[name=usernameL]").popover({trigger: 'click'}); });

Deuxième appoach, lié le popover à partir d'un div contenu, et affiche la fenêtre contextuelle à partir d'un clic de bouton

 $("#divcontent").popover({trigger: 'click'}); $("[name=usernameL]").click(function(){$("#divcontent").trigger('click')});

Et ça?

 usernameL.onclick = function(e){ $("#" + e.currentTarget.id).popover({html : true}).popover('show'); }

essaye ça

 usernameL.onclick = function(e){ $("#" + e.currentTarget.id).popover({html : true});//Initializes popover $("#" + e.currentTarget.id).popover('show');//show popover }

Essayez le style jquery,

Je suppose que le bouton est identifié

 $('#usernameL').click(function(){ $(this).popover(); });