jQuery 多个版本或和其他 JS 库冲突主要是常用的 $ 符号的问题, 这个问题 jQuery 早早就有给我们预留处理方法了, 下面一起来看看解决办法.
jQuery 多个版本冲突的解决方法.
1, 分别引入不同版本的 jQuery 库;
2, 使用 jQuery.noConflict(true) 方法为 jQuery 设置一个别名;
3, 使用立即执行函数, 将别名传进去, 在函数内部即可使用不同版本的 $.
(推荐: jQuery 极速入门 https://www.html.cn/study/28.html )
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8" />
- <title>
- jQuery 测试页
- </title>
- </head>
- <body>
- <!-- 引入 1.6.4 版的 jq -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js">
- </script>
- <script>
- var jq164 = jQuery.noConflict(true);
- </script>
- <!-- 引入 1.4.2 版的 jq -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js">
- </script>
- <script>
- var jq142 = jQuery.noConflict(true);
- </script>
- <script>
- (function($) {
- // 此时的 $ 是 jQuery-1.6.4
- $('#');
- })(jq164);
- </script>
- <script>
- (function($) {
- // 此时的 $ 是 jQuery-1.4.2
- $('#');
- })(jq142);
- </script>
- </body>
- </HTML>
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15393.html