Question

在我复制的documentation之后：

<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

我通过做两件事来完成它的工作：

由于Popover依赖于Tooltip，请确保在bootstrap-popover.js之前包含bootstrap-tooltip.js。
使用类似$('.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。

弹出窗口不能与bootstrap一起使用？

3 个答案: