jquery解决版本冲突


版本冲突的表现

运用了这个jquery.min.js脚本之后再运用其他js脚本的代码两个都不能运行了,屏蔽掉其中一个才可以运行。

详细的例子:

有一个页面,header调用的是1.6版本的类库,下边的两个小脚本调用的是1.4的,页面刷新之后,头部正常,但是下边的脚本有一部分功能却失效了。



原因和解决方法

$符号的让渡问题,楼上的做法是正确的,不过还有种做法,就是另外封装$符号,在你的代码的最外层加上:
(function($){
    这里放你原来的代码,就可以了
})(jQuery)



解决实例

<!-- 引入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
     $('#header');
})(jq164);
</ script >
 
< script >
(function($){
     //此时的$是jQuery-1.4.2
     $('#footer');
})(jq142);
</ script >



你可能感兴趣的:(jquery解决版本冲突)