jquery - Prototype/Mootools冲突问题

Question

所以我有一个同时使用 Prototype 和 Mootools AJAX 脚本的页面。

Mootools 比 Prototype 多得多，所以我想知道 Prototype 是否有一个类似于 jQuery 的 $j = jQuery.noConflict(); 的函数，我可以用它来重新定义 $ 别名原型(prototype)？

谢谢!

Answer 1

最新版本的MooTools具有无冲突模式。不幸的是，Prototype 没有，这意味着 $ 必须绑定(bind)到 Prototype。

要启用美元安全模式，请升级您的 MooTools 版本并确保在 Prototype 之后包含 MooTools。

<script type="text/javascript" src="prototype.js" />
<script type="text/javascript" src="mootools.js" />

这样做之后，$将被绑定(bind)到Prototype。在 MooTools 脚本中，将所有 $ 引用替换为 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);
    }
});

或者你可以使用闭包:

(function(){

    var $ = document.id;

    this.X = new Class({
        initialize: function(element){
            this.element = $(element);
        }
    });

})();

有关 Dollar 安全模式的更多信息，请参阅 MooTools 博客:

http://mootools.net/blog/2009/06/22/the-dollar-safe-mode/