jQuery和prototype冲突的解决办法：

最新推荐文章于 2021-10-04 11:16:42 发布

堕落陨石

最新推荐文章于 2021-10-04 11:16:42 发布

阅读量867

点赞数

分类专栏： asp.net编程思想文章标签： prototype jquery function html div

asp.net编程思想专栏收录该内容

51 篇文章 0 订阅

订阅专栏

jQuery和prototype冲突的解决办法：

这两者都有$变量。
根据jQuery官方网站上的说法，可以用如下方式解决：

Js代码

var $j = jQuery.noConflict();

var $j = jQuery.noConflict();

整个页面的代码如下：

Html代码

<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
ar $j = jQuery.noConflict();
$j(document).ready(function(){
});
function hiddenDiv(){
// Use jQuery via $j(...)
$j("#someid").hide();
// Use Prototype with $(...), etc.
alert($('someid').innerText);
}
</script>
</head>
<body>
<div id="someid" onClick="hiddenDiv()">我是谁啊</div>
</body>
</html>

 <html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
    
var $j = jQuery.noConflict();
     $j(document).ready(function(){
       
     });
     function hiddenDiv(){
    	// Use jQuery via $j(...)
		$j("#someid").hide();
		 // Use Prototype with $(...), etc.
	     alert($('someid').innerText);
	 }
   </script>
 </head>
 <body>
 <div id="someid" onClick="hiddenDiv()">我是谁啊</div>
 </body>
 </html>

当然也可以把

Js代码

var $j = jQuery.noConflict();

var $j = jQuery.noConflict();

放在jquery.js中的最后一行，这样就不需要在每个页面都加上这一行。

堕落陨石

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
jQuery和prototype冲突的解决办法：

jQuery和prototype冲突的解决办法：这两者都有$变量。根据jQuery官方网站上的说法，可以用如下方式解决： Js代码 var $j = jQuery.noConflict(); var $j = jQuery.noConflict();整个页面的代码如下： Html代码 html> head> script src="p
复制链接

扫一扫