bootstrap+jquery项目引入文件报错的解决方法


Posted in jQuery onJanuary 22, 2018

做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌张,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结,下次在看到就会胸有成竹知道是什么情况了,以下是在开发过程中总结的一些错误以及错误的解决方法。

报错一:Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: jQuery is not defined

bootstrap+jquery项目引入文件报错的解决方法 

错误原因:文件加载的顺序不对,jQuery文件的顺序要在前面

bootstrap+jquery项目引入文件报错的解决方法 

方法:把jQuery文件写在所有script文件前面

bootstrap+jquery项目引入文件报错的解决方法 

报错二:jsp页面相对路径和绝对路径的问题:

正常路径:html里面的../../,改成jsp页面就找不到路径了,这个时候成了这个鬼样子

bootstrap+jquery项目引入文件报错的解决方法 

这时候,只需要在文件里面加入这段代码:

bootstrap+jquery项目引入文件报错的解决方法 

解决办法:在<html>和<head>之间插入以下代码

<%
 String path = request.getRequestURI();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path;
%>
<base href="<%=basePath%>" rel="external nofollow" >

报错三:Uncaught TypeError: $(...).tooltip is not a function

Uncaught TypeError: $(...).tooltip is not a function
 at HTMLDocument.<anonymous> (app.js:42)
 at l (jquery.min.js:4)
 at Object.fireWith [as resolveWith] (jquery.min.js:4)
 at Function.ready (jquery.min.js:4)
 at HTMLDocument.S (jquery.min.js:4)

bootstrap+jquery项目引入文件报错的解决方法 

原因:包括两个不同版本的jQuery UI。这可能会导致冲突。尝试删除

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

解决办法:

编辑:

<script>
jQuery( document ).ready(function( $ ) {
 $('.hasTooltip').tooltip();
});
</script>

像这样使用它,解决了我的问题!

报错四:Uncaught TypeError: $(...).sortable is not a function

Uncaught TypeError: $(...).sortable is not a function
 at HTMLDocument.<anonymous> (dashboard.js:12)
 at l (VM552 jquery.min.js:4)
 at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4)
 at Function.ready (VM552 jquery.min.js:4)
 at HTMLDocument.S (VM552 jquery.min.js:4)

报错五:bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery

bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery
 at bootstrap.min.js:7

bootstrap+jquery项目引入文件报错的解决方法 

解决方案:解决方案:将jquery.min.js放在bootstrap.min.js文件之前引用,bootstrap.min.css文件在整两个文件前后引用都无妨(测试多次)。

总结

以上所述是小编给大家介绍的boostrap+jquery项目引入文件报错的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
jquery实现简单实用的轮播器
May 23 jQuery
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
详解jQuery中的easyui
Sep 02 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 #jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 #jQuery
基于jquery的on和click的区别详解
Jan 15 #jQuery
vue-cli webpack 引入jquery的方法
Jan 10 #jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 #jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 #jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 #jQuery
You might like
php生成略缩图代码
2012/07/16 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
JS网络游戏-(模拟城市webgame)提供的一些例子下载
2007/10/14 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
jquery一键控制checkbox全选、反选或全不选
2017/10/16 jQuery
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
vue-loader中引入模板预处理器的实现
2019/09/04 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
python中sets模块的用法实例
2014/09/30 Python
Python使用zip合并相邻列表项的方法示例
2018/03/17 Python
Python JSON格式数据的提取和保存的实现
2019/03/22 Python
新建文件时Pycharm中自动设置头部模板信息的方法
2020/04/17 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
Selenium+BeautifulSoup+json获取Script标签内的json数据
2020/12/07 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
CSS3 透明色 RGBA使用介绍
2013/08/06 HTML / CSS
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
优秀辅导员事迹材料
2014/02/16 职场文书
知名企业招聘广告词大全
2014/03/18 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
财务稽核岗位职责
2015/04/13 职场文书
2015年城管执法工作总结
2015/07/23 职场文书
团队拓展训练心得体会
2016/01/12 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers