码迷,mamicode.com
首页 > Web开发 > 详细

jQuery与其他库的冲突解决

时间:2016-01-08 09:19:40      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

1.jQuery库在其他库之后导入

使用jQuery作为变量名

1 <script type="text/javascript" src="prototype.js"></script>
2 <script type="text/javascript" src="jquery.js"></script>
3 <script type="text/javascript">
4     //将变量$的控制权移交给其他库
5     jQuery.noConflict();
6     //使用jQuery作为库的变量名
7     jQuery(function(){
8     });
9 </script>

自定义变量名

1 <script type="text/javascript" src="prototype.js"></script>
2     <script type="text/javascript" src="jquery.js"></script>
3     <script type="text/javascript">
4         //将变量$的控制权移交给其他库,同时自定义变量名
5         var $j = jQuery.noConflict();
6         //使用自定义变量名
7         $j(function(){
8         });
9 </script>    

在函数内部继续使用$变量名

1 <script type="text/javascript" src="prototype.js"></script>
2 <script type="text/javascript" src="jquery.js"></script>
3 <script type="text/javascript">
4 jQuery.noConflict();
5 jQuery(function($){
6     //在方法内部,$引用jQuery
7     });
8 </script>
 1 <script type="text/javascript" src="prototype.js"></script>
 2 <script type="text/javascript" src="jquery.js"></script>
 3 <script type="text/javascript">
 4 jQuery.noConflict();
 5 (function($){
 6     //方法内部继续使用$引用jQuery
 7     $(function(){
 8     });
 9 })(jQuery);
10 </script>

2.jQuery库在其他库之后导入

jQuery库在其他库之后导入,此时$引用的是其他库,故不需要调用noConflict()方法,只需要使用jQuery作为库引用即可。

1 <script type="text/javascript" src="prototype.js"></script>
2 <script type="text/javascript" src="jquery.js"></script>
3 <script type="text/javascript">
4 jQuery(function(){
5 });
6 </script>

jQuery与其他库的冲突解决

标签:

原文地址:http://www.cnblogs.com/qhdxqxx/p/5110973.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!