javascript - 显示/隐藏中断图像滚动

Question

我在一组 div 中使用图像滚动插件，这些 div 设置为在加载页面时随机显示，然后在单击图像/徽标时显示/隐藏。我注意到的是，当它不是页面上加载的第一个 div 或显示另一个滑块时，缩略图滚动条会中断。
这是我正在处理的演示的链接： http: //sjdunham.com/test/yzn/

我假设这是因为插件的加载方式：

$(function($){
   window.onload=function(){

由于在显示和隐藏 div 时不会重新加载页面，并且它只为第一个 div 项目加载。

我不确定我需要更改什么才能使插件正确加载所有 div

score 1 · Accepted Answer

您有重复的 ID，ID 必须是唯一的。尝试改用 className。

<div class="tS2">...</div>
<div class="tS2">...</div>
<script>
$(document).ready(function(){
    $(".tS2").thumbnailScroller({...});
});
</script>

1 回答 1