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插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
jQuery插件Validation表单验证详解
May 26 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
jquery实现简单每周轮换的日历
Sep 10 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获取网页内容方法总结
2008/12/04 PHP
php与paypal整合方法
2010/11/28 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
PHP文件上传小程序 适合初学者学习!
2019/05/23 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
Javascript 个人笔记(没有整理,很乱)
2007/07/07 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
写出高效jquery代码的19条指南
2014/03/19 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
微信小程序在线客服自动回复功能(基于node)
2019/07/03 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
Python格式化css文件的方法
2015/03/10 Python
Python的Django框架可适配的各种数据库介绍
2015/07/15 Python
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
瑞士设计师家具和家居饰品网上商店:Bruno Wickart
2019/03/18 全球购物
nohup的用法
2014/08/10 面试题
实习单位接收函
2014/01/11 职场文书
励志演讲稿800字
2014/08/21 职场文书
2014年工程工作总结
2014/11/25 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python
MySQL提升大量数据查询效率的优化神器
2022/07/07 MySQL