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

Question

如何编写 Jquery.与以下 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>

Answer 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/

Answer 2

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

许多 JavaScript 库使用 $ 作为函数或变量名，只是
就像 jQuery 所做的那样。在 jQuery 的例子中，$ 只是 jQuery 的别名，所以
所有功能无需使用 $ 即可使用。如果我们需要使用
除了 jQuery 之外的另一个 JavaScript 库，我们可以返回控制权
$ 通过调用 $.noConflict() 返回到另一个库：

所以除非你使用另一个带有 jquery 的库，否则我认为你不需要 noconflict。

Answer 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);