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

发布时间：2020-12-18 00:10:48 所属栏目：安全来源：网络整理

导读：我在这里做错了什么？我在一个更大的项目中尝试过，也不能让它工作看我的jsfiddle http://jsfiddle.net/keithmancuso/24RQM/ 更新：好的，所以我得到它工作，如果我手动添加$(“。pop”)。popover();但是我必须像他们那样活着吗？我认为答案是肯定的…你

我在这里做错了什么？

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

看我的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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!