Jquery ui 如何将NoConflict与以下脚本一起使用?

Jquery ui 如何将NoConflict与以下脚本一起使用?,jquery-ui,jquery,jquery-plugins,jquery-selectors,Jquery Ui,Jquery,Jquery Plugins,Jquery Selectors,如何编写Jquery。与以下Jquery脚本没有冲突。我使用这个Jquery在我的页面上滑动图像。如何使用与以下脚本不冲突的内容 <script type="text/javascript"> $(document).ready(function () { $("#waterwheel-carousel-default").waterwheelCarousel(); $("#waterwheel-carousel-higharch").waterwheelCa

如何编写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>

$(文档).ready(函数(){
$(“#水车转盘默认值”).WaterheelCarousel();
$(“#水车转盘高拱”)。水车转盘({
启动波间隔:-90,
波分离系数:.7,
中心偏移:10,
启动项目间隔:120,
itemSeparationFactor:.9,
项目递减系数:.75
});
});

文档中对此进行了解释:

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

$.noConflict();
jQuery(文档).ready(函数($){
//使用jQuery的$的代码如下所示。
});
//使用其他库的$的代码可以在这里找到。

文档中对此进行了解释:

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

$.noConflict();
jQuery(文档).ready(函数($){
//使用jQuery的$的代码如下所示。
});
//使用其他库的$的代码可以在这里找到。

当您需要将另一个库与jquery一起使用时,通常会使用noConflict,以避免两者冲突。从jQuery文档:

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


因此,除非您使用另一个jquery库,否则我认为您不需要冲突

noConflict通常用于需要将另一个库与jquery一起使用以避免两者冲突的情况。从jQuery文档:

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


因此,除非您使用另一个jquery库,否则我认为您不需要冲突

那么,您应该为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);

那么,您应该为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);

NoConflict—当您将Mootol或prototype与jqueryNoConflict一起使用时—当您将Mootol或prototype与jquery一起使用时