使用jQuery插件时避免重复引入jquery.js文件(jQuery 重复加载错误以及修复方法)
来源:互联网 发布:i like it what is it 编辑:程序博客网 时间:2024/06/05 17:20
最近在做项目的时候,遇到个问题:
父页面引入子页面,子页面引入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.js文件,因为后面映入的jQuery.js文件中定义的jQuery对象会覆盖掉前面的jQuery对象,导致之前定义的jQuery插件均不可用,下图是jquery.js中开头部分代码,定义了全局jQuery对象
当页面由一个人开发时,基本上不会遇到这个问题,因为大多数前端开发工程师会将js的引入放到一起,这样不容易引入重复的js文件。但是下面情况,此问题很容易发生:
- 一个页面由多个人开发,开发过程中没有很好的沟通,导致引入了重复的jquery.js文件,使得部分jQuery插件不可用
- 当你开发的jQuery插件被第三方团队使用。该团队对jQuery不熟悉,并且使用了其他jQuery插件。他们采取的策略是哪里用到jQeury插件,哪里就加载jquery.js和jquery插件js。当两个插件在一个页面使用时,导致重复引入jQuery.js。
所以,当出现下面类似的错误提示时,考虑一下jquery.js重复引入的情况:
1 0
- 使用jQuery插件时避免重复引入jquery.js文件(jQuery 重复加载错误以及修复方法)
- 在使用jQuery插件时应避免重复引入jquery.js文件
- 防止jquery文件重复引入的方法
- 解决使用jquery esayUI是重复加载
- Jquery.load()引入重复js导致ztree不可用
- jquery 动态加载js文件以及插件的调用
- jquery ajax使用代理缓存避免重复请求
- jquery ajax使用代理缓存避免重复请求
- jQuery UI dialog插件出错信息:$(this).dialog is not a function及js引入重复解决办法
- JQuery文件重复引用问题
- 使用延迟加载以及避免代码重复
- 使用JQuery验证重复用户名
- jquery插件的写法,以及requireJS如何引入jquery插件
- 【jQuery】使用getScript()方法异步加载并执行js文件
- 使用jQuery动态加载js脚本文件的方法
- jQuery 插件取url参数[jquery.url.js]的使用以及文件下载
- jquery 懒加载插件jquery.lazyload.js
- 前台防止表单重复提交的方法。Jquery、js
- SQL学习之:约束
- 使用MFC过程中遇到的问题以及解决方法(一)
- 1.首先是环境搭建adt
- VS2013常用快捷键
- SQL集合函数中case when then 使用技巧
- 使用jQuery插件时避免重复引入jquery.js文件(jQuery 重复加载错误以及修复方法)
- 43. Multiply Strings
- 幻读和不可重复读的区别
- 深入理解函数内部原理(5)——闭包
- 虚继承下对象的内存分布
- 近200篇机器学习&深度学习资料分享(含各种文档,视频,源码等)
- 对于 RxJava2 的 认知与直接应用(一)
- codeforces Educational Round 16 E. Generate a String
- 关于RabbitMQ的远程ip访问的解决方法