如何避免 JQuery 和 Prototype 之间的冲突

Question

如果一个页面同时具有 JQuery 和 Prototype，那么我就会发生冲突。有一个选项可以为 JQuery 禁用 $ 符号，因此没有冲突，但是我必须使用关键字 JQuery 而不是 $。

我想知道 Prototype 是否有任何选项可以解决这个冲突。有什么方法可以在不损害它们的好处或短关键字的情况下使用这两个库？

据我所知，同一页面使用多个 JS 库不是一个好主意；但有时可能会有所帮助。

Answer 1

使用 jQuery 的 noConflict 方法并将其分配给一个新的（短）变量。在您使用 $ 表示 jQuery 的任何地方使用新变量。

var $j = jQuery.noConflict();

$j(function() {
    $j('#selector').each( .... );
});

或者，如果您不需要混合使用 Prototype/jQuery，您可以将所有 jQuery 代码包装在一个匿名函数中。

(function($) {
    // $ sign here is a parameter, which is set to jQuery 

    $(function() {
        $('#selector').each( .... );
    });
})(jQuery);