javascript - Bootstrap 3 : popover does not appear initially when initiated by click event of a class

Question

当在主体上单击公共(public)类的任何元素时，我一直试图显示弹出窗口。问题是，弹出窗口最初不会在第一次单击时出现，但在下一次单击事件中它会出现并正常运行。这是我的代码:

HTML:

<button type="button" class="btn btn-info pop" data-container="body" data-toggle="popover" data-placement="top" data-content="Hello World! This is a test!"> Popover on top </button>

JavaScript:

$('body').on('click', '.pop', function(e){
    $(this).popover();//.popover('show');
});

它也可在 JSFiddle 中找到。 .

我不明白这里出了什么问题？有什么建议吗？

Answer 1

功能代码为:

$( '.pop' ).popover();

Forked your fiddle here .

初始化元素上的popover会自行处理点击事件。您的代码等待第一次单击来初始化弹出窗口行为，这意味着第二次单击是弹出窗口可以自行处理的第一次单击。