twitter-bootstrap - Twitter 的 Bootstrap 弹出窗口不起作用

Question

我正在使用 Bootstrap 的 popover 插件。（链接）但它不工作。

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元素都会显示此弹出框。

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