我正在制作一个需要4 个单独标签中的OneByOne 滑块的网站。它在第一个选项卡中运行良好,但第二个、第三个和第四个选项卡没有显示任何内容。
这是我到目前为止所拥有的: //codymorton.us/testing/gallery.html
如果您查看源代码,您可以看到我在标签 1 和 2 中都有它,但它不会出现在第二个标签上。我已经在 Firefox、chrome 和 Opera 中进行了测试。
有任何想法吗?
谢谢!
我正在制作一个需要4 个单独标签中的OneByOne 滑块的网站。它在第一个选项卡中运行良好,但第二个、第三个和第四个选项卡没有显示任何内容。
这是我到目前为止所拥有的: //codymorton.us/testing/gallery.html
如果您查看源代码,您可以看到我在标签 1 和 2 中都有它,但它不会出现在第二个标签上。我已经在 Firefox、chrome 和 Opera 中进行了测试。
有任何想法吗?
谢谢!
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 代码进行美化和详细检查以了解其工作原理,这对您的 Web 开发人员来说是一些额外的工作。
更新:联系供应商并询问他们是否“可能”在一个页面上包含他们的许多滑块可能是一种捷径,如果答案是否定的,那么您将不得不自己做一些工作。
我查看了您的网站,发现您正在将 display:none 设置为
#banner .oneByOne_item
并已将其删除,并且第二个标签图像未加载,因此未显示
检查屏幕截图