OneByOne滑块在同一页面上重复时无法正常工作

Question

我正在制作一个网站，需要4个单独标签中的OneByOne slider。 它在第一个选项卡中工作正常，但第二个，第三个和第四个选项卡没有显示任何内容。

以下是我目前的情况：http://codymorton.us/testing/gallery.html

如果查看源代码，可以看到我在选项卡1和2中都有它，但它不会显示在第二个选项卡上。 我已经在Firefox，Chrome和Opera中进行了测试。

有什么想法吗？

谢谢！

Answer 1

1）我认为你很幸运，你有一次工作，HTML中的id属性必须是唯一的。

<div id="slide-wrapper"> // is repeated twice

您可能需要在JavaScript中更改相应的内容。

2）这两个文件也包含在你的HTML中两次，你不需要这样做：

js/slider/jquery.onebyone.min.js
js/slider/jquery.touchwipe.min.js

我所说的可能还不够，JavaScript代码需要beautified并详细检查以了解其工作原理，为您的Web开发人员提供一些额外的工作。

更新：与供应商联系并询问他们是否“可以”在一个页面上包含他们的许多幻灯片可能是一个捷径，如果答案是否定的，那么你将不得不做一些独自工作。

Answer 2

我查看了您的网站，发现您正在设置display：none to #banner .oneByOne_item已将其删除，第二个标签图片未加载，因此无法显示

检查屏幕截图