jQuery与mootools共存冲突解决

假装没事ソ 提交于 2019-12-04 03:48:40

jQuery与mootools共存冲突解决
方式一: 
<html> 
<head> 
<script src="prototype.js"></script> 
<script src="jquery.js"></script> 
<script> 
jQuery.noConflict(); 

// Use jQuery via jQuery(...) 
jQuery(document).ready(function(){ 
jQuery("div").hide(); 
}); 

// Use Prototype with $(...), etc. 
$('someid').style.display = 'none'; 
</script> 
</head> 
<body></body> 
</html>

--------------------------------------------------------------------------------------------------- 
方式二: 
<html> 
<head> 
<script src="prototype.js"></script> 
<script src="jquery.js"></script> 
<script> 
var $j = jQuery.noConflict(); 

// Use jQuery via $j(...) 
$j(document).ready(function(){ 
$j("div").hide(); 
}); 

// Use Prototype with $(...), etc. 
$('someid').style.display = 'none'; 
</script> 
</head> 
<body></body> 
</html>

--------------------------------------------------------------------------------------------------- 
方式三: 
<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').style.display = 'none'; 
</script> 
</head> 
<body></body> 
</html>

方式四: 
<script src="../Scripts/lib/jquery-1.4.2.js" type="text/javascript"></script> 
<script type="text/javascript">jQuery.noConflict();</script>
<script src="../Scripts/lib/mootools-1.2.5-core-nc.js" type="text/javascript"></script> 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!