Question

我有一些Bootstrap-Buttons，当点击按钮时会显示一个弹出窗口。

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

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

第一次点击时弹出窗口我该怎么办？

Answer 1

在你的代码中，第一次单击按钮时，弹出窗口仅从init开始，所以在第二次单击之前，你会看到效果，

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

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

您可以先启动弹出窗口，然后从您想要的任何按钮触发单击第一种方法，将popover直接绑定到按钮

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

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

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

Answer 2

这个怎么样？

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

Answer 3

试试这个

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

Answer 4

尝试jquery样式，

我认为该按钮是id usernameL

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

Bootstrap Popover只需单击一下即可运行 - JavaScript

4 个答案: