弹出窗口不适用于引导程序？答案

【问题标题】：Popovers don't work with bootstrap?弹出窗口不适用于引导程序？
【发布时间】：2012-08-21 00:58:30
【问题描述】：

按照我复制的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

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

【问题讨论】：

标签： javascript jquery html twitter-bootstrap popover

【解决方案1】：

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

由于 Popover 依赖于 Tooltip，请确保在 bootstrap-popover.js 之前包含 bootstrap-tooltip.js。
使用$('.container a').popover();之类的行激活插件

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

【讨论】：

另一种选择是使用 $('a[rel=popover]').popover() 来确保所有弹出框都被初始化。
感谢 Owlvark 和 Gary。获胜组合是 Owlvark #1 和 @Gary.S 的代码。（猫头鹰#2 没用）。 Gary.S：你能把你的答案发布出来，这样我就可以同时投票给你和复选框一个吗？
也只是想知道你们是否可以使用popover top 找到解决方案？ - 谢谢:)

【解决方案2】：

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

文件准备好了，

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

您只需要包含bootstrap.js。

【讨论】：

【解决方案3】：

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

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

【讨论】：

正是我想要的！谢谢
为什么，您认为数据切换是否适用于开箱即用的模态和下拉菜单，而不适用于弹出框？