Twitter的Bootstrap popover无效

时间:2012-01-15 16:00:02

标签: twitter-bootstrap popover

我正在使用Bootstrap的popover插件。 (link)但它不起作用。

HTML:

<a data-placement='above' class='danger' rel='popover' data-content='test code here' href='#'>Click</a>

使用Javascript:

<script type='text/javascript' src="../js/jquery.js"></script>
    <script type='text/javascript' src="../js/twipsy.js"></script>
<script type='text/javascript' src="../js/popover.js"></script>

1 个答案:

答案 0 :(得分:3)

最好的方法是添加以下脚本代码:

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

这样,具有 rel =“popover”属性的所有 a 元素都会显示此弹出框。

您的代码不需要进行任何更改,而且效果很好......至少在我的机器上,当然;-)
试试吧!