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 16 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
Jan 25 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
jQuery弹出窗口简单实现代码
Mar 09 Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 Javascript
label+input实现按钮开关切换效果的实例
Aug 16 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
Dec 10 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 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
一个高ai的分页函数和一个url函数
2006/10/09 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
用js实现计算加载页面所用的时间
2010/04/02 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
vue中的ref和$refs的使用
2018/11/22 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
springboot+vue实现文件上传下载
2020/11/17 Vue.js
[01:33:14]LGD vs VP Supermajor 败者组决赛 BO3 第二场 6.10
2018/07/04 DOTA
python中__call__方法示例分析
2014/10/11 Python
python使用Matplotlib画饼图
2018/09/25 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
RealTek面试题
2016/06/28 面试题
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
技校生自我鉴定
2013/12/08 职场文书
公司企业表扬信
2014/01/11 职场文书
淘宝店策划方案
2014/06/07 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
党的群众路线剖析材料
2014/10/09 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
教师教育教学随笔
2015/08/15 职场文书
Redis特殊数据类型bitmap位图
2022/06/01 Redis