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

Question

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

我想知道Prototype有没有办法解决这个冲突。有没有什么方法可以同时使用这两个库而不影响它们的优势或短关键字？

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

Answer 1

使用 noConflict jQuery 的方法并将其分配给一个新的(短)变量。在 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);