微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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>

原文地址:https://www.jb51.cc/bootstrap/234378.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐