在bootstrap+jquery中引入文件报错(详细教程)

这篇文章主要介绍了bootstrap+jquery项目引入文件的常见报错问题,下面我给大家带来了一些错误及错误的解决方法,需要的朋友可以参考下

做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌张,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结,下次在看到就会胸有成竹知道是什么情况了,以下是在开发过程中总结的一些错误以及错误的解决方法。

报错一:Uncaught ReferenceError: $ is not defined

  1. Uncaught ReferenceError: $ is not definedUncaught ReferenceError: jQuery is not defined

登录后复制

在bootstrap+jquery中引入文件报错(详细教程) 

错误原因:文件加载的顺序不对,jQuery文件的顺序要在前面

在bootstrap+jquery中引入文件报错(详细教程) 

方法:把jQuery文件写在所有script文件前面

在bootstrap+jquery中引入文件报错(详细教程) 

报错二:jsp页面相对路径和绝对路径的问题:

正常路径:html里面的../../,改成jsp页面就找不到路径了,这个时候成了这个鬼样子

在bootstrap+jquery中引入文件报错(详细教程) 

这时候,只需要在文件里面加入这段代码:

在bootstrap+jquery中引入文件报错(详细教程) 

解决办法:在和

之间插入以下代码

  1. " rel="external nofollow" >

登录后复制

报错三:Uncaught TypeError: $(…).tooltip is not a function

  1. Uncaught TypeError: $(...).tooltip is not a function at HTMLDocument. (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.(jquery.min.js:4)

登录后复制

在bootstrap+jquery中引入文件报错(详细教程) 

原因:包括两个不同版本的jQuery UI。这可能会导致冲突。尝试删除

  1.  

登录后复制

解决办法:

编辑:

  1. jQuery( document ).ready(function( $ ) { $('.hasTooltip').tooltip();});

登录后复制

像这样使用它,解决了我的问题!

报错四:Uncaught TypeError: $(…).sortable is not a function

  1. Uncaught TypeError: $(...).sortable is not a function at HTMLDocument. (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.(VM552 jquery.min.js:4)

登录后复制

报错五:bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery

  1. 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文件在整两个文件前后引用都无妨(测试多次)。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

AngularJS双向数据绑定原理(详细教程)

AngularJS双向数据绑定原理(详细教程)

AngularJS双向数据绑定原理(详细教程)

AngularJS双向数据绑定原理(详细教程)

AngularJS双向数据绑定原理(详细教程)

AngularJS双向数据绑定原理(详细教程)

AngularJS双向数据绑定原理(详细教程)

以上就是在bootstrap+jquery中引入文件报错(详细教程)的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    在angular中如何实现列表全选交互组件

    2025-3-31 22:33:01

    编程技术

    使用jquery+ajaxform+springboot如何实现数据更新

    2025-3-31 22:33:13

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索