Twitter bootstrap 推特引导弹出未加载

我做错了什么

我在一个更大的项目中试过，但也没能成功

看我的书

更新：好，所以如果我手动添加$（“.pop”）.popover（），它就可以工作了；但我必须这样初始化它们吗

我想答案是肯定的。。。您确实有在自己的代码中初始化它们以使其工作。。。我发现最简单的方法就是添加

$(function() {
    $('a[rel="popover"]').popover();
});

---

为了说明它的价值，我回答了一个类似的问题：如何将选择器a与引导

tabs（）

函数一起使用。我打赌popover（）类似。

我也有类似的问题。正在寻找一个无javascript版本的引导弹出窗口，但似乎不可能。如果您查看源代码的页面 在第709-718行，您将看到该示例执行类似操作：

这里有一个对我有用的简化版本

<a href="#" class="btn danger" 
            rel="popover" 
            data-original-title="title" 
            data-content="content">popover</a>
<script>
  $("a[rel=popover]").popover();
</script>

$（“a[rel=popover]”）；

编辑：对于twitter boostrap的最新版本（现在是2.2.1），您可能会遇到一个问题，当您单击popover链接时，您会被带到页面顶部。 这个答案可能也是有益的。基本上你的js现在应该是

<script>
$("a[rel=popover]")
    .popover()
    .click(function(e) { 
        e.preventDefault(); 
    });​
</script>

$（“a[rel=popover]”）
.popover（）
。单击（功能（e）{
e、 预防默认值（）；
});​

嘿，基思，当我看你的JSFIDLE时，它是空白的。可能应该向它添加代码，或者只是删除它。据我所知，你确实需要像那样初始化弹出窗口。Bootstrap不希望扫描整个dom（速度太慢），因此无法自动进行扫描。（引自bootstrap站点：“出于性能原因，工具提示和Popover数据API是可选的。如果您想使用它们，只需指定选择器选项。”）他说得对，您需要像上面的w/JS那样调用它。这有点奇怪，因为我可以通过使用适当的标记调用其他所有函数。