需要帮助解决什么似乎是一个jQuery和MooTools冲突问题,怎么解决
2017-11-02 · 百度知道合伙人官方认证企业
方法一、
[html] view plain copy
<html>
<head>
<script src="Mootools.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();//释放jquery中$定义,并直接使用jQuery代替平时的$
jQuery(document).ready(function(){
jQuery("div").hide();
});
$('someid').style.display = 'none';//此处中的$为原Mootools中的$,使用方法不变
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<script src="Mootools.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
//将你使用的jquery代码放到document ready方中
jQuery(document).ready(function($){
// 此处为jQuery的$定义
$("div").hide();
});
//此处为Mootools的定义
$('someid').style.display = 'none';
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<script src="Mootools.js"></script>
<script src="jquery.js"></script>
<script>
var $j = jQuery.noConflict();//以$j来替代jQuery中的$,同时区分mootools
$j(document).ready(function(){
$j("div").hide();
});
$('someid').style.display = 'none'; //原mootools中的$照旧使用
</script>
</head>
<body></body>
</html>
方法二、
[html] view plain copy
方法三、
[html] view plain copy
zend实验室强烈建议你使用第三中方法来解决jquery与其它js框架之间共享冲突问题,理由是它既简短,又能实现你想要的结果,并且不会像第二个方法中那样存在使用位置限制。想在哪用就在哪用,随心所欲。