Javascript Bootstrap popover插件不工作

我试图在单击

元素时使用弹出窗口

页面上包括所有文件，包括

bootstrap tooltip.js

和

bootstrap popover.js

。这是我调用popover的jQuery代码：

$('#supported-hosts').popover({
    'animation': true,
    'html': 'test',
    'trigger': 'click'
});

但是，当我单击元素时，什么也没有发生。开发人员控制台中没有Javascript错误或其他错误

我也尝试过这样做，但没有效果：

$('#supported-hosts').on('click', function() {
    $(this).popover('show');
});

我不知道哪里出了问题，因为从引导文档中我可以看出，我正确地使用了它

编辑：HTML也只是一个span元素：

<span id="supported-hosts">Supported filehosts</span>

支持的文件主机

要显示弹出窗口，您需要指明其内容

您可以在html标记本身上执行此操作：

<span id="supported-hosts" data-content="Popover content">Supported filehosts</span>

---

默认情况下，弹出窗口将使用触发它的元素的

title

属性，因此您也可以根据需要使用该属性。

您是否可以在您的帖子中包含您正在使用的HTML？啊，我想它只会使用默认的

'

，而不显示任何内容。谢谢！：）

$('#supported-hosts').popover({
    'content': 'Popover content'
    'animation': true,
    'html': 'test',
    'trigger': 'click'
});