关于Bootstrap弹出框无法调用问题的解决办法

关于Bootstrap弹出框无法调用问题的解决办法

问题描述

写项目中使用到了前端框架bootstrap，提供的功能很强大！

bootstrap学习

然而在用bootstrap提供的弹出框组件时，弹出框怎么也弹不出！

按理说应该这样：

官方给出的样例是这样写的：

data-container="body" data-toggle="popover" data-placement="left"

data-content="左侧的 Popover 中的一些内容">

左侧的 Popover

data-container="body" data-toggle="popover" data-placement="left"

data-content="左侧的 Popover 中的一些内容">

左侧的 Popover

data-container="body" data-toggle="popover" data-placement="top"

data-content="顶部的 Popover 中的一些内容">

顶部的 Popover

data-container="body" data-toggle="popover" data-placement="top"

data-content="顶部的 Popover 中的一些内容">

顶部的 Popover

data-container="body" data-toggle="popover" data-placement="bottom"

data-content="底部的 Popover 中的一些内容">

底部的 Popover

data-container="body" data-toggle="popover" data-placement="bottom"

data-content="底部的 Popover 中的一些内容">

底部的 Popover

data-container="body" data-toggle="popover" data-placement="right"

data-content="右侧的 Popover 中的一些内容">

右侧的 Popover

data-container="body" data-toggle="popover" data-placement="right"

data-content="右侧的 Popover 中的一些内容">

右侧的 Popover

代码检查了三遍，确定代码无误后，进入火狐debug，

这一段代码是全局的，一进入页面就会激活，直接跳进入了bootstrap的jmelawzDs框架：

居然说我jquery没有引入！但我明明引入了！

智障吗？。。。。。。

后来一想，bootstrap依赖jquery，于是我抱着试一试的心态调整了引用顺序：

通过以上内容介绍Bootstrap弹出框无法调用问题就顺利解决了，遇到bootstrap弹出框问题的朋友可以参考下本教程。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。