如何将 NoConflict 与以下脚本一起使用？答案

【问题标题】：How can I use NoConflict With The Following Script?如何将 NoConflict 与以下脚本一起使用？
【发布时间】：2011-11-16 13:21:42
【问题描述】：

如何编写 Jquery.No 与以下 Jquery 脚本冲突。我正在使用这个 Jquery 在我的页面上滑动图像。如何使用与以下脚本没有冲突？

 <script type="text/javascript">
  $(document).ready(function () {
    $("#waterwheel-carousel-default").waterwheelCarousel();

    $("#waterwheel-carousel-higharch").waterwheelCarousel({
        startingWaveSeparation: -90,
        waveSeparationFactor: .7,
        centerOffset: 10,
        startingItemSeparation: 120,
        itemSeparationFactor: .9,
        itemDecreaseFactor: .75
    });

  });
</script>

【问题讨论】：

NoConflict 它是当你使用 jquery 的 mootols 或原型时

标签： jquery-ui jquery jquery-plugins jquery-selectors

【解决方案1】：

文档中有说明：

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>

http://api.jquery.com/jQuery.noConflict/

【讨论】：

【解决方案2】：

noConflict 通常用于当您需要将另一个库与 jquery 一起使用时，这样两者就不会发生冲突。来自 jQuery 文档：

许多 JavaScript 库使用 $ 作为函数或变量名，只是就像 jQuery 一样。在 jQuery 的例子中，$ 只是 jQuery 的别名，所以所有功能都可以在不使用 $ 的情况下使用。如果我们需要使用 jQuery 旁边的另一个 JavaScript 库，我们可以返回对 $ 通过调用 $.noConflict() 返回到另一个库：

因此，除非您使用带有 jquery 的另一个库，否则我认为您不需要冲突。

【讨论】：

【解决方案3】：

好吧，你应该为 jquery 做另一个“捷径”：

var $j = jQuery.noConflict();

在此之后，将所有 $ 符号替换为现在指向 jquery 的变量的名称 ($j)。

另一种方法是将您的 jquery 代码写入函数并将 jquery 引用 ($) 作为参数传递：

(function($){
    // your jquery code goes here
    // alert($ === jQuery);
})(jQuery.noConflict());
// outside the scope, $ is not jquery anymore
// alert($ === jQuery);

【讨论】：