2012-08-12 43 views
0

我正在嘗試修改/優化this template。在其他問題中,它首先加載與底部縮略圖卷軸相關聯的所有div和圖像。 然後隱藏滾動條。在我的電腦上,至少,這在將它們隱藏之前向觀衆展示所有div的不愉快效果。如果你關心掃描代碼,正在發生的事情是,它爲每個thmumbnail創造約20 div的,然後調用隱藏最初加載的div的層次結構

$("#thumbnails_wrapper").stop().delay(2000).fadeTo("fast", 0); 

有人能提出一個相當輕鬆的方式開始隱藏裝入前,所有的元素?我嘗試使用hidden/visible屬性,但我感覺不會級聯到div的所有元素。

回答

1

也許只是顯示:沒有在您的CSS #thumbnails_wrapper?然後在需要時使用JS調用它?

在你的CSS文件:

#thumbnails_wrapper { 
display:none; 
} 

在你的JavaScript文件(在需要的時候明明只有調用,所以你也許可以把它在一個函數):

jQuery("#thumbnails_wrapper").show(); 

或函數中:

function showThumbs() 
{ 
    jQuery("#thumbnails_wrapper").show(); 
} 
+0

我的意思不是忘恩負義,但你能提供一個更完整的例子,可能是禁用/啓用jQuery代碼的行 這個。 – puk 2012-08-12 13:37:04

+0

實際上,看着它後,顯示:沒有可能無法正常工作,因爲它從文檔中完全刪除它,加載階段循環遍歷每個div來計算總寬度/高度 – puk 2012-08-12 13:40:42

+0

我編輯了我的答案 - 希望有所幫助。 – 2012-08-12 13:41:18