jQuery與mootools共存衝突解決

時間 2019-11-07

原文原文鏈接

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> javascript

---------------------------------------------------------------------------------------------------
方式二：
<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

---------------------------------------------------------------------------------------------------
方式三：
<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> java

方式四:
<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> jquery

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。