jQuery is not defined 错误原因与解决方法小结


Posted in Javascript onMarch 19, 2017

通常出现这种状况有几种解决方法:

1:查看是否引入jquery文件

就算引入了文件了是不是通过一些整站下载器之类的软件下载的,都会出现问题,建议用迅雷到官方下载即可。

2:查询路径是否错误,可以在页面源码中点击js文件路径.

有时候js里面会自动加入一些路径,导致路径错误

3: JS是解释型语言,是根据标签引用分块顺序执行的,$是jQuery中的产生的对象,需要用的话,必须将jquery.js文件放在使用它的JS前面。

将jQuery库放在依赖于jQuery的JavaScript脚本之前,并且将这些代码放入document.ready来确保DOM加载完毕。

<script type="text/javascript" src="path/to/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
  //依赖于jQuery的代码
 });
</script>

4、有时候我们使用了第三方的cdn的js加载CDN的jQuery失败或者超时

当提供jQuery的CDN出问题导致jQuery加载失败,或者由于网络问题浏览器加载jQuery文件超时,会出现jQuery未定义的错误.

解决方案: 将jQuery文件挂载在自己的网站上作为备用,如果CDN加载jQuery失败,则使用自己网站存托管的jQuery。这样的话,大部分用户依然可以通过CDN加快访问速度,而一旦CDN出问题时也可以避免出错。

<script src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>
<script> 
window.jQuery || document.write('<script src="/js/jquery.min.js"><\/script>'))
</script>

是不是通过一些整站下载器之类的软件下载的,都会出现问题,建议用迅雷到官方下载即可。

Javascript 相关文章推荐
JavaScript中常用的运算符小结
Jan 18 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
浅谈javascript的分号的使用
May 12 Javascript
详解AngularJS Filter(过滤器)用法
Dec 28 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
浅谈JavaScript 标准对象
Jun 02 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
node中使用log4js4.x版本记录日志的方法
Aug 20 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 Javascript
js获取当前周、上一周、下一周日期
Mar 19 #Javascript
浅析bootstrap原理及优缺点
Mar 19 #Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 #Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 #Javascript
JavaScript数据结构之链表的实现
Mar 19 #Javascript
用jQuery实现圆点图片轮播效果
Mar 19 #Javascript
Bootstrap 网格系统布局详解
Mar 19 #Javascript
You might like
php实现无限级分类
2014/12/24 PHP
PHP实现简单实用的验证码类
2015/07/29 PHP
php HTML无刷新提交表单
2016/04/05 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
laravel 事件/监听器实例代码
2019/04/12 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
2014/09/23 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
2016/10/18 Javascript
web打印小结
2017/01/11 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
python ElementTree 基本读操作示例
2009/04/09 Python
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
Python中断多重循环的思路总结
2019/10/04 Python
python tkinter控件布局项目实例
2019/11/04 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
浅谈Keras参数 input_shape、input_dim和input_length用法
2020/06/29 Python
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
霸王洗发水广告词
2014/03/14 职场文书
歌颂祖国演讲稿
2014/05/04 职场文书
建筑工程技术专业求职信
2014/07/16 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
工作表扬信范文
2015/01/17 职场文书
入党转正申请报告
2015/05/15 职场文书
电影焦裕禄观后感
2015/06/09 职场文书
教师节联欢会主持词
2015/07/04 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书