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 相关文章推荐
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
extjs 如何给column 加上提示
Jul 29 Javascript
jquery引用方法时传递参数原理分析
Oct 13 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
Jun 17 Javascript
利用node.js制作命令行工具方法教程(一)
Jun 22 Javascript
ztree简介_动力节点Java学院整理
Jul 19 Javascript
解决npm管理员身份install时出现权限的问题
Mar 16 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
Jun 02 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
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
zend framework文件上传功能实例代码
2013/12/25 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
父子窗体间传递JSON格式的数据的代码
2010/12/25 Javascript
appendChild() 或 insertBefore()使用与区别介绍
2013/10/11 Javascript
nodejs npm包管理的配置方法及常用命令介绍
2014/06/05 NodeJs
js Calender控件使用详解
2015/01/05 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
jQuery的end()方法使用详解
2015/07/15 Javascript
浅谈javascript中的DOM方法
2015/07/16 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
vue实现全匹配搜索列表内容
2019/09/26 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
Python开发的十个小贴士和技巧及长常犯错误
2018/09/27 Python
Python跳出多重循环的方法示例
2019/07/03 Python
django中forms组件的使用与注意
2019/07/08 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
澳大利亚婴儿礼品公司:The Baby Gift Company
2018/11/04 全球购物
Laravel的加密解密与哈希实例讲解
2021/03/24 PHP
生产管理的三大手法
2013/11/11 职场文书
企业演讲稿范文
2013/12/28 职场文书
毕业自我评价
2014/02/05 职场文书
岗位职责风险点
2014/03/12 职场文书
党员承诺书怎么写
2014/05/20 职场文书
理财学专业自荐书
2014/06/28 职场文书
高三英语教学计划
2015/01/23 职场文书
python库sklearn常用操作
2021/08/23 Python
MySQL派生表联表查询实战过程
2022/03/20 MySQL
阿里云国际版 使用Nginx作为HTTPS转发代理服务器
2022/05/11 Servers