Prototype / Mootools conflict question
So I have a page that uses both Prototype and Mootools AJAX scripts.
There is much more Mootools that Prototype, so I'm wondering if Prototype has a function similar to jQuery's $j = jQuery.noConflict();
that I can use to redefine the $ alias for Prototype?
Thanks!
The newest version of MooTools has a no conflict mode. Unfortunately, Prototype does not, which means that the $
will have to be bound to Prototype.
To enable the Dollar Safe Mode, upgrade your version of MooTools and make sure you include MooTools after Prototype.
<script type="text/javascript" src="prototype.js" />
<script type="text/javascript" src="mootools.js" />
After doing so, $
will be bound to Prototype. In MooTools scripts, replace all $
references to document.id
.
// Before
var X = new Class({
initialize: function(element){
this.element = $(element);
}
});
// After
var X = new Class({
initialize: function(element){
this.element = document.id(element);
}
});
or you can use a closure:
(function(){
var $ = document.id;
this.X = new Class({
initialize: function(element){
this.element = $(element);
}
});
})();
More information about the Dollar Safe Mode is available in MooTools' blog:
http://mootools.net/blog/2009/06/22/the-dollar-safe-mode/
我有一个非常简单的解决方案:
<script src='mootools.js'></script>
<script>$moo = $; delete ($);</script>
<script src='prototype.js></script>
<script>
(function ($){
//here you can use $ of moo tools
})($moo);
//here you can use $ of prototype
</script>
链接地址: http://www.djcxy.com/p/94016.html
下一篇: 原型/ Mootools冲突问题