Bootstrap Popover 一键点击即可工作 - JavaScript

我有一些引导按钮，单击按钮时应该显示一个弹出窗口。

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

当网站加载并且我第一次单击按钮时，没有任何反应。如果我第二次单击，弹出窗口将打开并且工作正常。

我该怎么做才能让弹出窗口在第一次点击时出现？

在您的代码中，第一次单击按钮时，弹出窗口仅开始初始化，因此直到第二次单击时，您才会看到效果，

我不确定您使用的版本弹出窗口。正如我找到的资源，他们也使用jquery。

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

您可以先初始化弹出窗口，然后从任何您想要的按钮触发单击它 第一种方法，将弹出框直接绑定到按钮上

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

第二个 appoach，从内容 div 绑定弹出窗口，并通过单击按钮显示弹出窗口

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