magento中jquery prototype 兼容

最新推荐文章于 2024-08-08 08:12:53 发布

lxm88168

最新推荐文章于 2024-08-08 08:12:53 发布

阅读量626

点赞数 1

本文介绍了如何在使用jQuery和Prototype时进行兼容处理，包括两种情况下的代码编写方式，确保两者能够正常共存。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

第一种：先加载prototype，后加载jquery
[php]
<html> <head> <script src="prototype.js"></script>
<script src="jquery.js"></script>
<script> jQuery.noConflict(); // Put all your code in your document ready area
jQuery(document).ready(function($){
// Do jQuery stuff using $
$("div").hide();
});
// Use Prototype with $(…), etc. $(‘someid’).hide();
</script> </head>
<body></body>
</html>
[/php]
———————————— 如上所示，就是对jquery做的一个兼容处理，这样就可以达到 jquery和prototype兼容了。jQuery.noConflict();要放在最前面，而jquery的代码就要放到 jQuery(document).ready(function($){ ……… }); 内部。

第二种：先加载jquery，后加载prototype
[php]
<html> <head>
<script src="jquery.js"></script>
<script src="prototype.js"></script>
<script>
// Use jQuery via jQuery(…)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(…), etc. $(‘someid’).hide();
</script> </head>
<body></body>
</html>
[/php]
如上所示，不用调用 jQuery.noConflict();，使用 jQuery(document).ready(function(){ …….. });，在这个函数内部使用jQuery代替$。

出自：http://www.hellokeykey.com/jquery-work-with-prototype/

逍遥电影网：www.xiaoyao99.com