2012-08-12 59 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