上一篇: symfony – 如何将sonata admin ... 下一篇:twitter-bootstrap – 与input-p...

twitter-bootstrap – Twitter的Bootstrap popover无效

Bootstrap 发布时间：2022-04-18 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 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>

解决方法

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

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

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

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

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – Twitter的Bootstrap popover无效全部内容，希望文章能够帮你解决twitter-bootstrap – Twitter的Bootstrap popover无效所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：bootstrap popover twitter 无效

上一篇: symfony – 如何将sonata admin ... 下一篇:twitter-bootstrap – 与input-p...

猜你在找的Bootstrap相关文章