Jquery 两个滑块之间的冲突

Question

我只是想开发一个简单的响应式网站，我在其中使用了两个滑块。一个 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>

Answer 1

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

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

Jquery 两个滑块之间的冲突

Jquery conflicts between two sliders

javascript

jquery

slider

nivo-slider