bootstrap+jquery项目引入文件报错的解决方法
做一个项目的时候 ，控制台总是会出现各种bug,其实不用慌张，终结起来也就几种类型的错误，在开发中每次遇到错误都善于总结，下次在看到就会胸有成竹知道是什么情况了，以下是在开发过程中总结的一些错误以及错误的解决方法。
报错一：Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: $ is not defined Uncaught ReferenceError: jQuery is not defined
错误原因：文件加载的顺序不对，jQuery文件的顺序要在前面
方法：把jQuery文件写在所有script文件前面
报错二：jsp页面相对路径和绝对路径的问题：
正常路径：html里面的../../，改成jsp页面就找不到路径了，这个时候成了这个鬼样子
这时候，只需要在文件里面加入这段代码：
解决办法：在<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)
原因：包括两个不同版本的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
解决方案：解决方案：将jquery.min.js放在bootstrap.min.js文件之前引用，bootstrap.min.css文件在整两个文件前后引用都无妨（测试多次）。
总结
以上所述是小编给大家介绍的boostrap+jquery项目引入文件报错的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了jQuery控制元素显示、隐藏、切换、滑动的方法总结,本文讲解了hide()、show() 、slideDown、slideUp、 slideToggle、fadeIn()、fadeOut()、fadeTo()等方法使用实例,需要的朋友可以参考下2015-04-04
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
这篇文章主要介绍了jQuery插件FusionCharts实现的MSBar2D图效果,结合实例形式分析了jQuery使用FusionCharts插件结合xml数据载入实现绘制MSBar2D图的相关实现技巧,并附带demo源码供读者下载,需要的朋友可以参考下2017-03-03![[jQuery] 事件和动画详解](//img.jbzj.com/images/xgimg/bcimg2.png)
这篇文章主要介绍了JQ事件和动画，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
jquery1.4在ajax方法上进一步的进行优化和调整，主要是做了如下的改进。2010-02-02
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗的解决方法分享。2011-06-06
JQueryEasyUI框架下的combobox的取值和绑定的方法
这篇文章主要介绍了JQueryEasyUI框架下的combobox的取值和绑定的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-01-01
JQuery下的Live方法和$.browser方法使用代码
网站做好了，老师却要求要3级菜单，无奈只好去做3级菜单了。这次3级菜单的思路是在原有不变的基础上，对有3级菜单的ID，选择进入新的一个控件。在这个新的控件里用ajax去请求其3级目录里的东西。2010-06-06
这篇文章主要介绍了使用jQuery实现简单穿梭框方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了jQuery调用ajax请求的常见方法,实例汇总了三种常见的jQuery调用Ajax的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
下面小编就为大家带来一篇jQuery中事件与动画的总结分享。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
![[jQuery] 事件和动画详解](http://img.jbzj.com/images/xgimg/bcimg2.png)
最新评论