javascript - Bootstrap Popover 一键工作 - JavaScript

Question

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

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

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

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

Answer 1

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

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

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

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

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

第二种方法，从内容 div 绑定(bind)弹出窗口，并通过单击按钮显示弹出窗口

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