twitter-bootstrap - 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 元素都会显示此弹出窗口。

不需要对您的代码进行更多更改，并且效果很好......当然至少在我的机器上;-)
尝试一下!