2012-07-27 70 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