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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的Bootstrap相关文章