Twitter 的 Bootstrap 弹出框不工作

Question

我正在使用 Bootstrap 的弹出框插件。 (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>

Answer 1

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

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

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

不需要对您的代码进行更多更改，而且效果很好……当然，至少在我的机器上 ;-)
试试看！