两个滑块之间的jQuery冲突

Posted 2023-05-07

【中文标题】两个滑块之间的jQuery冲突

【英文标题】：Jquery conflicts between two sliders

【发布时间】：2015-10-25 15:02:55

【问题描述】：

我只是想开发一个简单的响应式网站，其中我使用了两个滑块。开头有一个 Nivo 滑块，另一个是 Review 滑块。但它只输出第二个滑块。我的第一个滑块不起作用。任何帮助，将不胜感激。我已将 $ 更改为 jQuery。我的第一个和第二个滑块的代码是这样的：

NIVO 滑块：

<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
 <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
 <script type="text/javascript" src="js/menu.js"></script> 
 <script type="text/javascript">
 jQuery(window).load(function() 
 jQuery('#slider').nivoSlider();
 );
 </script>

响应式审核滑块

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
 <script type="text/javascript" src="js/responsiveslides.min.js"></script>
 <script>
 jQuery(function () 
 jQuery("#sliderr1").responsiveSlides(
 auto: true,
 speed: 500,
 namespace: "callbackss",
 pager: true,
 );
 );
 </script>

【问题讨论】：

看起来您包含两个版本的 jQuery，请尝试删除 1.8.3 版本。它可能无法解决问题，但从长远来看会好得多。

【参考方案1】：

如果您确实需要使用 2 个 jQuery 版本，最好的方法是使用 jQuery.noConflict()...不过，您可能可以使用一个版本。

https://api.jquery.com/jquery.noconflict/