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 相关文章推荐
正则表达式语法
Oct 09 Javascript
jquery 延迟执行实例介绍
Aug 20 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
Bootstrap基础学习
Jun 16 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
Dec 31 Javascript
使用React实现轮播效果组件示例代码
Sep 05 Javascript
js 判断附件后缀的简单实现方法
Oct 11 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
超简单的微信小程序轮播图
Nov 22 Javascript
vue组件内部引入外部js文件的方法
Jan 18 Javascript
vue 解决provide和inject响应的问题
Nov 12 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
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
php实现memcache缓存示例讲解
2013/12/04 PHP
THINKPHP项目开发中的日志记录实例分析
2014/12/01 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
详解php的socket通信
2015/08/11 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
CodeIgniter框架数据库基本操作示例
2018/05/24 PHP
Thinkphp整合阿里云OSS图片上传实例代码
2019/04/28 PHP
jquery.blockUI.js上传滚动等待效果实现思路及代码
2013/03/18 Javascript
jquery 鼠标滑动显示详情应用示例
2014/01/24 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
2014/06/05 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
2016/01/17 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
javascript实现页面滚屏效果
2017/01/17 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
NodeJs模拟登陆正方教务
2017/04/28 NodeJs
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
[01:12:08]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.24
2019/09/10 DOTA
python实现多线程采集的2个代码例子
2014/07/07 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
Django 模型类(models.py)的定义详解
2019/07/19 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
安踏官方商城:anta.cn
2019/12/16 全球购物
人力资源部门的主要职能
2014/02/22 职场文书
幸福家庭标语
2014/06/27 职场文书
模范班主任事迹材料
2014/12/17 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书