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 EasyUI之验证框validatebox实例详解
Apr 10 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
Nov 10 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 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
PHPShop存在多个安全漏洞
2006/10/09 PHP
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
基于PHP读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
php生成短网址示例
2014/05/05 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
用js自动判断浏览器分辨率的代码
2007/01/28 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
基于JQUERY的多级联动代码
2012/01/24 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
NodeJs crypto加密制作token的实现代码
2019/11/15 NodeJs
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
pandas删除行删除列增加行增加列的实现
2019/07/06 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
英国著名书店:Foyles
2018/12/01 全球购物
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
写自荐信三大法宝
2014/01/24 职场文书
新学期标语
2014/06/30 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android