magento中jquery prototype 兼容

阅读更多

原文来自:http://docs.jquery.com/Using_jQuery_with_Other_Libraries

我对重要的部分做下翻译,希望对大家有所帮助。特别是magneto的js库使用prototype,很多人想用jquery,那么这个兼容就很有用了。

jquery prototype 兼容分两种情况,我们就让prototype可以正常使用,在使用jquery的时候做下代码的兼容处理。

第一种:先加载prototype,后加载jquery

1
2
3
4
5
6
7
8
9
10
11
12
  
  
   ———————————— 如上所示,红色部分就是对jquery做的一个兼容处理,这样就可以达到 jquery和prototype兼容了。jQuery.noConflict();要放在 最前面,而jquery的代码就要放到 jQuery(document).ready(function($){ ……… }); 内部。

第二种:先加载jquery,后加载prototype

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  
  
  

如上所示,不用调用 jQuery.noConflict();,使用 jQuery(document).ready(function(){ …….. });,在这个函数内部使用jQuery代替$。

你可能感兴趣的:(magento,jquery,prototype,兼容)