Javascript Bootstrap3:popover在由类的click事件启动时最初不会出现

我一直在尝试在一个公共类的任何元素被单击到主体上时显示一个popover。问题是，popover最初不会在第一次单击时出现，但在下一次单击事件中会出现并正常运行。这是我的密码：

HTML:

也可在中找到

---

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

您需要在页面加载时初始化插件，而不是单击

将代码更改为：

$（'.pop'）.popover（）


如果这是加载后添加到页面中的元素，则在创建元素后需要初始化插件。
功能代码为：

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


在元素上初始化
popover
会处理单击事件本身。您的代码等待第一次单击来初始化popover行为，这意味着第二次单击是popover能够自行处理的第一次单击。
正确的方法是通过popover选项，如您在上所示

可能是这样的：

$('.pop').popover( { container: 'body', placement: 'top', trigger: 'click' } );

如您所见，您可以在这里指定多个选项，例如在何处追加、放置或触发

注意，必须将其包含在文档就绪块中

在显示之前，您必须调用destroy。以下代码适用于您

$(document).on("click", ".pop", function(){

    $(this).popover("destroy");

    $(this).popover({
        placement: 'top',
        html: true,
        title: "Popover Title",
        content: "<strong>Popover Content</strong>"
    });

    $(this).popover("show");
});

$（document）.on（“click”，“.pop”，function（））{
$（此）.popover（“销毁”）；
$（这个）({
位置：'顶部'，
是的，
标题：“Popover标题”，
内容：Popover内容
});
$（此）.popover（“显示”）；
});
我喜欢您的概念，但单击后它不会切换。
$('.pop').popover( { container: 'body', placement: 'top', trigger: 'click' } );

$(document).on("click", ".pop", function(){

    $(this).popover("destroy");

    $(this).popover({
        placement: 'top',
        html: true,
        title: "Popover Title",
        content: "<strong>Popover Content</strong>"
    });

    $(this).popover("show");
});