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

 更新时间:2014年12月16日 08:53:57   投稿:hebedich  
本文主要记录了在项目中遇到jQuery重复加载导致依赖jQuery的js全部失效然后一步步分析,得出最终解决方案的全部过程,主要是记录下来,提醒自己以后不要再犯相同错误。

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

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

父页面:


子页面:


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

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



原因是如下代码:

复制代码 代码如下:

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

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

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

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

相关文章

  • 推荐一款jQuery插件模板

    推荐一款jQuery插件模板

    这篇文章主要给大家推荐一款jQuery插件模板,这是本人最喜欢的一款了,原因很简单,使用方便,可选择性也比较多。有需要的小伙伴参考下吧
    2015-01-01
  • jQuery避免$符和其他JS库冲突的方法对比

    jQuery避免$符和其他JS库冲突的方法对比

    jQuery中需要用到$符号,如果其他js库也定义了$符号,那么就会造成冲突,会影响到js代码的正常执行,下面有几个不错的解决方法,大家可以参考下
    2014-02-02
  • 无限树Jquery插件zTree的常用功能特性总结

    无限树Jquery插件zTree的常用功能特性总结

    这篇文章主要对无限树Jquery插件zTree的常用功能特性总结,ztree的语法结构是基于key-value的形式配置,需要的朋友可以参考下
    2014-09-09
  • jQuery 源码分析笔记(3) Deferred机制

    jQuery 源码分析笔记(3) Deferred机制

    从1.5版本开始,jQuery加入了Deferred功能,让事件处理队列更加的完善。并用这个机制重写了Ajax模块。虽然还没轮到Ajax,但是接下来的事件处理函数中牵扯到了这个机制,所以提前看这段代码。
    2011-06-06
  • jQuery实现的图片点击放大缩小功能案例

    jQuery实现的图片点击放大缩小功能案例

    这篇文章主要介绍了jQuery实现的图片点击放大缩小功能,结合具体案例形式分析了jquery基于事件响应与页面属性动态变换实现的图片放大缩小功能相关实现技巧,需要的朋友可以参考下
    2020-01-01
  • jquery live()重复绑定的解决方法介绍

    jquery live()重复绑定的解决方法介绍

    本篇文章主要是对jquery中live()重复绑定的解决方法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 基于jQuery实现仿51job城市选择功能实例代码

    基于jQuery实现仿51job城市选择功能实例代码

    这篇文章主要介绍了基于jQuery实现仿51job城市选择功能实例代码的相关资料,需要的朋友可以参考下
    2016-03-03
  • jQuery实现form表单序列化转换为json对象功能示例

    jQuery实现form表单序列化转换为json对象功能示例

    这篇文章主要介绍了jQuery实现form表单序列化转换为json对象功能,结合实例形式分析了表单数据传输中使用serializeJson进行序列化操作相关实现技巧,需要的朋友可以参考下
    2018-05-05
  • jquery实现烟花效果(面向对象)

    jquery实现烟花效果(面向对象)

    这篇文章主要为大家详细介绍了jquery面向对象实现烟花效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • jQuery实现的鼠标经过时变宽的效果(附demo源码)

    jQuery实现的鼠标经过时变宽的效果(附demo源码)

    这篇文章主要介绍了jQuery实现的鼠标经过时变宽的效果,实例演示了jQuery的Kwicks插件实现针对鼠标事件的响应与页面元素样式动态变换的相关技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2016-04-04

最新评论