jQuery、Prototype 和插件之间的冲突

Question

我正在尝试在 Rails 应用程序中消除 Prototype 和 jQuery 的冲突。我发现 jQuery 将 Prototype 很好地融入到了应用程序中。

我通过将 $jq = jQuery.noConflict(); 添加到 application.js 文件来开始该过程。

然后，我开始检查项目中的所有 .erb 和 .js 文件，查找对 $ 的 jQuery 调用，并将其替换为 $jq。然后我找到了一些 jQuery 插件文件。

我是否必须将 jQuery 插件 .js 文件中的所有 $ 引用转换为 $jq ？

Answer 1

我今天遇到了这个问题，包装插件代码如下：

(function($) {
  //plugin code
})(jQuery);

直到我将包含原型库文件的行移到包含 jQuery 库文件的行之前才起作用。

Answer 2

我是否必须将 jQuery 插件 .js 文件中的所有 $ 引用转换为 $jq？

一般来说，不会。大多数插件设置为将 jQuery 对象作为 $ 传递。您可以判断插件是否执行此操作，因为它看起来像这样：

(function($) {

// Actual plugin code

})(jQuery);

Answer 3

您是否考虑过将其添加到原型库js文件中？这样，无论何时加载原型，它都会自动消除 jquery 的冲突。

我们用 mootools 做了类似的事情。

在回答您的问题时，如果插件已正确编写，那么您不必在那里进行更改。以下约定应该包装插件，确保即使在打开 noconflict 时也能正确运行。

;(function($) {

//plugin code

})(jQuery);

Answer 4

或者你可以将它们包裹在一个封闭物中

(function($){

// add old jQuery code here.

})($jq);

Answer 5

尝试按顺序一起加载 jQuery 及其所有插件，然后调用 noConflict()。这是一个示例：

<script src="/path/to/1.3.1/jquery-1.3.1.min.js" type="text/javascript"></script>
<script src="/path/to/1.3.1/jquery-ui-1.6rc6.min.js" type="text/javascript"></script>
<script src="/path/to/jquery/plugin.js" type="text/javascript"></script>
<script type="text/javascript">
    var $jq = $jq || {};
    $jq.jQuery = jQuery.noConflict(true);
</script>

然后，稍后在您自己的代码中，您可以使用 $jq.jQuery 变量引用 jQ —— 包含您想要的插件。