Magento的发布版本里的JS大多是用Prototype写的,如果需要引入jQuery的话,可能有些变量会冲突,所以需要做些处理来处理jQuery和Prototype的兼容性。 <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script type="text/javascript" > //各个js库之间的主要冲突在于$的冲突,这个方法是用来处理这个问题的 jQuery.noConflict(); //原本使用jQuery代码部分的$ 用jQuery替代 jQuery(document).ready(function (){ jQuery("div").hide(); }); // Use Prototype with $(...), etc. $('proto').hide(); </script> </head> <body></body> </html>
<html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script type="text/javascript" > //$j就相当于jQuery,名称你可以自主定义 var $j = jQuery.noConflict(); // Use jQuery via $j(...) $j(document).ready(function (){ $j("div").hide(); }); // Use Prototype with $(...), etc. $('proto').hide(); </script> </head> <body></body> </html>
<html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script type="text/javascript" > jQuery.noConflict(); // Put all your code in your document ready area jQuery(document).ready(function ($){ // 这样你可以在这个范围内随意使用$而不用担心冲突 $("div" ).hide(); }); // Use Prototype with $(...), etc. $('proto' ).hide(); </script> </head> <body></body> </html>
<html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script type="text/javascript" > // 使用 jQuery 用 jQuery(...) jQuery(document).ready(function (){ jQuery("div" ).hide(); }); // 使用 Prototype 时,用 $(...), $('someid' ).hide(); </script> </head> <body></body> </html>
var $j = jQuery;
<script type="text/javascript" > (function($) { /* 在这个名字空间内,你可以随意使用$符号来引用jQuery,只不过是其它$被jQuery使用,你不能使用prototype或其它的js库 */ } )(jQuery) </script> (责任编辑:最模板) |