Bootstrap javascript或popover无法正常工作

发布时间：2020-12-18 00:24:11 所属栏目：安全来源：网络整理

导读：我的Bootstrap出了问题.似乎JS不能以某种方式正常工作,因为即使是最简单的弹出窗口的例子也不起作用. (http://jsfiddle.net/weuWk/363/) 这个在JSFiddle上正常工作的小代码只是创建一个Button(没有悬停功能),如果在我的源代码中使用的话. Modal-Plugin实际上

我的Bootstrap出了问题.似乎JS不能以某种方式正常工作,因为即使是最简单的弹出窗口的例子也不起作用. (http://jsfiddle.net/weuWk/363/)
这个在JSFiddle上正常工作的小代码只是创建一个Button(没有悬停功能),如果在我的源代码中使用的话.

Modal-Plugin实际上正在工作,所以这应该意味着我以正确的方式包含js文件.无论如何我会复制它：

<script src="js/bootstrap.min.js"></script>
 <script src="http://code.jquery.com/jquery-latest.js"></script>

解决方法

jQuery需要在bootstrap的javascript之前包含,因为bootstrap只是jQuery“plugins”.

您应该按此顺序加入：

> jQuery
> Bootstrap
>你的Javascript

编辑：在关闭正文标记之前尝试此操作

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script> 
$(function(){
    $('#test').popover();?
});
 </script>

此外,控制台是你的朋友.检查并确保没有错误.

解决了：

解决方案：>包含的正确顺序>修复我从js控制台得到的错误.

（编辑：李大同）

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