Twitter Bootstrap pop-over不加载

Question

我在这做错了什么？

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

看到我的jsfiddle

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

更新:好的,所以如果我手动添加$(".pop")我可以使用它.popover(); 但是,我必须像那样初始化他们吗？

我认为答案是肯定的......你确实在自己的代码中初始化它们以使其工作......我发现这样做的最简单方法就是添加

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

Answer 1

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

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

<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),您可能遇到一个问题,当您单击弹出链接时,您将被带到页面顶部.这个答案可能也是有益的/sf/answers/963184281/.基本上你的js现在应该是

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