解决jQuery不同版同时引用的冲突

浏览数：172 / 时间：2015年06月09日

今天研发的同事在开发一个新jQuery插件时，遇到一个揪心的问题。平台以前使用的 jQuery版本是1.2.6，偶，天啊！这是古代的版本啊！

由于很多功能基于老版本，不能删除啊，同志们都懂的！

于是我们就在讨论如何解决两个版本之间的冲突。查找了一些前辈写的资料，得出以下的代码：

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>解决jQuery不同版同时引用的冲突</title>
 6 <script src="jquery.min/jquery.1.7.1.min.js"></script>
 7 <script>var jq171 = jQuery.noConflict(true);</script>
 8 <script src="jquery.min/jquery.1.9.1.min.js"></script>
 9 </head>
10 <body>
11 <br>
12 <button id="b17">1.7.1</button><br>
13 <button id="b19">1.9.1</button>
14 <script>
15 (function($){
16     $(function(){
17         $("#b17").click(function(){
18             alert(‘1.7.1‘)
19         })
20     })
21 })(jq171)
22 
23 $(function(){
24     $("#b19").click(function(){
25         alert(‘1.9.1‘)
26     })
27 })
28 </script>
29 </body>
30 </html>

在调用第一个版本下面添加一个 noConflict() 的声明，然后在调用的时候使用闭包，将就着解决吧，虽然看起来很怪异！

解决jQuery不同版同时引用的冲突,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class java 代码 html style 问题 class java 代码 html style 问题

相关文章

随机文章

您可能还喜欢

您可能还喜欢