twitter-bootstrap – Twitter Bootstrap pop-over未加载

在这里做错了什么?

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

看我的jsfiddle

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

更新:好的,所以我得到它工作,如果我手动添加$(“。pop”)。popover();但是我必须像他们那样活着吗?

我认为答案是肯定的…你确实有自己的代码初始化它们以使其工作…我找到的最简单的方法添加

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

解决方法

我也有类似的问题。正在寻找一个无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),您可能会遇到一个问题,当您点击一个popover链接,您将被带到页面的顶部。
这个答案也可能是http://stackoverflow.com/a/13759775/341692。基本上你的js应该是

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

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...