twitter-bootstrap – Twitter的Bootstrap popover无效

发布时间：2020-12-17 21:25:34 所属栏目：安全来源：网络整理

导读：我正在使用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 s

我正在使用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>

解决方法

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

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

这样,具有属性rel =“popover”的所有元素都将显示此弹出窗口.

您的代码不需要进行任何更改,它工作得很好……至少在我的机器上,当然;-)试试看！

（编辑：李大同）

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