显示/隐藏中断图像滚动条

Question

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

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

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

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

我不确定为了让插件正确加载所有div而需要更改的内容

Answer 1

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

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