23

我在这里做错了什么?

我在一个更大的项目中尝试过,也无法让它工作

看我的jsfiddle

http://jsfiddle.net/keithmancuso/24RQM/

更新:好的,如果我手动添加 $(".pop").popover(); 但我必须像那样初始化它们吗?

我认为答案是肯定的...您确实可以在自己的代码中对其进行初始化以使其正常工作...我发现的最简单的方法就是添加

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

2 回答 2

23

我有一个类似的问题。正在寻找引导弹出窗口的无 javascript 版本,但似乎不可能。如果您查看http://twitter.github.com/bootstrap/javascript.html#popover 的第 709-718 行的页面源代码,您会看到该示例执行了类似的操作:

这是一个适合我的简化版本

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

编辑:对于 twitter boostrap 的最新版本(现在是 2.2.1),您可能会遇到一个问题,当您单击弹出链接时,您会被带到页面顶部。这个答案也可能是有益的https://stackoverflow.com/a/13759775/341692。基本上你的js现在应该是

<script>
$("a[rel=popover]")
    .popover()
    .click(function(e) { 
        e.preventDefault(); 
    });​
</script>
于 2012-01-19T22:14:01.190 回答
0

对于它的价值,我在这里回答了一个类似的问题,关于如何将选择器 a 与引导tabs()函数一起使用。我敢打赌popover()是相似的。

于 2012-01-04T17:16:03.107 回答