當一個頁面使用多個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重復引入的情況: