javascript - 弹出窗口不适用于 Bootstrap ？

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

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

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

2. 使用 $('.container a').popover();

这样的行激活插件

要在顶部弹出窗口，请将 data-placement="top" 添加到 a 标记。