当一个页面使用多个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重复引入的情况: