jquery - 在同一页面上复制时，OneByOne slider 将不起作用

Question

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

这是我目前拥有的: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并检查详细信息以了解其工作原理，为您的网络开发人员做一些额外的工作。

更新:联系供应商并询问他们是否“可能”在一个页面上包含他们的许多 slider 可能是一种捷径，如果答案是否定的，那么您将不得不做一些独立工作。