jQuery与mootools共存冲突解决

最新推荐文章于 2024-07-25 09:24:40 发布

weixin_34198583

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量100

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/bufenye/blog/122905

版权

2019独角兽企业重金招聘Python工程师标准>>>

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>

转载于:https://my.oschina.net/bufenye/blog/122905