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手风琴效果
Aug 18 jQuery
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
jQuery滑动效果实现方法分析
Sep 05 jQuery
jQuery实现的模仿雨滴下落动画效果
Dec 11 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
人族 Terran 基本策略
2020/03/14 星际争霸
ezSQL PHP数据库操作类库
2010/05/16 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
js实现杯子倒水问题自动求解程序
2013/03/25 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
jQuery插件zTree实现获取一级节点数据的方法
2017/03/08 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
JS中async/await实现异步调用的方法
2019/08/28 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
python字符串中的单双引
2017/02/16 Python
浅谈python中的占位符
2017/11/09 Python
python去掉空白行的多种实现代码
2018/03/19 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
Python 操作 MySQL数据库
2020/09/18 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
高中生自我鉴定范文
2013/10/30 职场文书
楼面经理岗位职责范本
2014/02/18 职场文书
校园安全演讲稿
2014/05/09 职场文书
检讨书范文300字
2015/01/28 职场文书
公务员年度个人总结
2015/02/12 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技