服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - jQuery 重复加载错误以及修复方法

jQuery 重复加载错误以及修复方法

2021-05-19 17:35jQuery教程网 JavaScript

本文主要记录了在项目中遇到jQuery重复加载导致依赖jQuery的js全部失效然后一步步分析,得出最终解决方案的全部过程,主要是记录下来,提醒自己以后不要再犯相同错误。

最近在做项目的时候,遇到个问题:

父页面引入子页面,子页面引入jQuery.js文件,父页面JS依赖jQuery.js ,出现问题是,总提示JS对象无效。猜测jQuery加载顺序不是最早造成的。

父页面:
jQuery 重复加载错误以及修复方法

子页面:
jQuery 重复加载错误以及修复方法
 

从这里看 ,jQuery.js 是最早的咯,可是为什么其它的js都提示 属性无效呢。

后面用 IE11 的F12工具查看 JS 的加载顺序,发现 jQuery 是最早加载的,只是加页面加载完毕后,突然有个请求又加载了一次 jQuery。

jQuery 重复加载错误以及修复方法
 

原因是如下代码:

 

复制代码 代码如下:

$(function() {
$("#zjyw_table_1").load("xxx.jsp");
}

 

xxx.jsp 里又加载了 jQuery.js 。 把这句注释后就正常了。

这问题还郁闷了挺久,记录一下,方便其它人哈。

找到方法了之后解决方式很简单,这里主要是把查询问题的思路给大家分享下,同时有相同问题的小伙伴可以参考下。

延伸 · 阅读

精彩推荐