2012-07-27 68 views
-1

我在一组divs内使用图像滚动插件,设置为在页面加载时随机显示,然后在单击图像/标志时显示/隐藏。我注意到的是,当缩略图滚动条不是要在页面上加载的第一个div或显示另一个滑块时,缩略图滚动条会中断。
下面是一个演示的链接,我的工作: http://sjdunham.com/test/yzn/显示/隐藏休息时间图像滚动条

我假设这是因为该插件加载方式:

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

由于页面没有被重新加载当div显示并隐藏时,它只会加载第一个div项目。

我不知道是什么,我需要以更改插件加载所有div的正确

+0

每次页面加载时,它都会随机显示一个画廊。然后,当用户点击其中一个图像时,它将隐藏当前的div,并显示另一个与其中的其他画廊。等等等等。到目前为止,缩略图滑块仅适用于代码中的第一个div。其下的任何其他滑块将无法正常工作。 – ultraloveninja 2012-07-27 21:44:34

+0

你可以在这里发布一些相关的代码吗?否则,这个问题将无法为未来的访问者,一旦你删除/测试/ yzn/ – 2012-07-27 21:50:29

回答

1

您有重复的ID,ID必须是唯一的。尝试使用className代替。

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

多数民众赞成在我的想法,但我不知道,并希望得到第二意见。我会试试看看是否有效。感谢您的输入。这对我来说还是很新的,所以我很感谢所有的帮助。 – ultraloveninja 2012-07-27 22:15:33