当前位置： 移动技术网 > IT编程>开发语言>JavaScript > bootstrap+jquery项目引入文件报错的解决方法

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

2018年01月31日  | 移动技术网IT编程  | 我要评论

做一个项目的时候 ，控制台总是会出现各种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项目引入文件报错的解决方法，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网