Question

我在这里做错了什么？

我在一个更大的项目中尝试过它并且无法使其工作

看我的jsfiddle

更新：确定如果我手动添加$（“。pop”）我就可以正常工作.popover（）;但是，我必须像那样初始化他们吗？

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

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

Answer 1

我有类似的问题。正在寻找一个javascript-less版本的bootstrap弹出窗口，但似乎不可能。如果您查看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>

Answer 2

请参阅我对类似问题的回答，以便让popover和工具提示与其他Bootstrap插件一样使用标记：

How to get Twitter Bootstrap jQuery Elements (tooltip, popover, etc) working?

Twitter Bootstrap pop-over不加载

2 个答案: