javascript - 弹出窗口不适用于引导程序？

Question

按照我复制的文档：

<div class="container">
    <div class="row">
        <div class="bs-docs-example" style="padding-bottom: 24px;">
            <a href="#" class="btn btn-large btn-danger" rel="popover" data-content="And here's some amazing content. It's very engaging. right?"
            data-original-title="A Title">Click to toggle popover</a>
        </div>
    </div>
</div>

JSfiddle

但是它不起作用。我究竟做错了什么？

Answer 1

我通过做两件事让它工作：

1. 由于 Popover 依赖于 Tooltip，请确保在 bootstrap-popover.js 之前包含 bootstrap-tooltip.js。

2. 使用类似的行激活插件$('.container a').popover();

要将顶部的弹出窗口添加data-placement="top"到a标签中。

Answer 2

默认情况下不初始化弹出框。如果您包含一个包罗万象的 bootstrap.js（v 2.2、2.3），请通过以下方式对其进行初始化：

$('a[data-toggle=popover]').popover();

Answer 3

<a href="#" id="LinkId">Text</a>

在准备好的文件中，

$("#LinkId").popover({ title: '', content: "Popover Content", placement: 'left|top|etc', trigger: 'hover' });

您只需要包括bootstrap.js.