Jquery ui 如何将NoConflict与以下脚本一起使用?
如何编写Jquery。与以下Jquery脚本没有冲突。我使用这个Jquery在我的页面上滑动图像。如何使用与以下脚本不冲突的内容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
<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一起使用时