欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

网页脚本出现jQuery未定义错误怎么办

程序员文章站 2022-03-12 22:53:10
...

网页脚本出现jQuery未定义错误的解决方法:将jQuery文件挂载在自己的网站上作为备用,如果CDN加载jQuery失败,则使用自己网站存托管的jQuery。

网页脚本出现jQuery未定义错误怎么办

本教程操作环境:windows7系统、jquery3.1.1版,该方法适用于所有品牌电脑。

网页脚本出现jQuery未定义错误的解决方法:

出现JQuery未定义这个错误的原因很简单,就是在引用JQuery的js文件时,顺序不对,jquery.js这个引用必须在最前面,不然就会出错。

或者将使用了jQuery的js代码,放在使用ready方法里

$(document).ready(function() {
    // 写jquery代码
})

其他原因:

jquery引用和路径都没有问题,但是chrome调试source面板中发现并没有将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>

相关学习推荐:js视频教程

以上就是网页脚本出现jQuery未定义错误怎么办的详细内容,更多请关注其它相关文章!