一个滑块工作，但阻止其他滑块工作？答案

【问题标题】：One slider works but stops the other ones working?一个滑块工作，但阻止其他滑块工作？
【发布时间】：2013-03-23 19:23:00
【问题描述】：

我正在为我的餐厅创建一个网站。

我在这里有 2 个工作图像滑块 http://food-ies.fr/livraison-kebab-grillades.html

但是当我添加一个 nivo 滑块并添加 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> 到标题看这里http://food-ies.fr/index.html

图像滑块停止！

有人知道吗？

【问题讨论】：

向我们展示您是如何在 html 页面中初始化 nivo 对象的
我在本教程中所做的完全一样dev7studios.com/nivo-slider/#/documentation
检查第二张图片是否存在以及它的网址是否正确http://food-ies.fr/images/diapo_haut/exemple_diapo2.jpg
它还不存在。但通常它会放置一个橙色背景

标签： jquery html web slider conflict

【解决方案1】：

我在jQuery下添加了这段代码：

<script>
  var $j = jQuery.noConflict();   
  // Use Prototype with $(...), etc.
  $('someid').hide();
</script>

现在完美运行！

【讨论】：

【解决方案2】：

.live() 调用已从 nivo 使用的 jquery 1.9.1 中删除。 nivo 将加载第一个图像，但在交换图像期间使用 .live。

在 jquery.nivo.slider.js 和 jquery.nivo.slider.pack.js 中搜索并替换 .live，如下例所示。

旧：$('a.nivo-nextNav', slider).live('click', (etc.)

新：$(document).on('click', 'a.nivo-nextNav', (etc.)

我在每个使用 .live() 的文件中发现了 2 个地方

【讨论】：