代码之家  ›  专栏  ›  技术社区  ›  puk

在初始加载时隐藏div的层次结构

  •  0
  • puk  · 技术社区  · 14 年前

    我正在尝试修改/优化 this template 在其他问题中,它首先加载与底部缩略图滚动器相关联的所有div和图像。 然后 隐藏滚动条。至少在我的电脑上,这有一种不愉快的影响,那就是在隐藏之前向观众显示所有的div。如果你想扫描代码,那么它会为每个thumbnail创建大约20个div,然后调用

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

    有人能提出一种相当无痛的方法,在加载之前先隐藏所有元素吗?我试着使用 hidden/visible 属性,但我有一种感觉,它并没有级联到div的所有元素中。

    1 回复  |  直到 14 年前
        1
  •  1
  •   Billy Moat    14 年前

    也许只是为了在CSS中的#thumbnails_wrapper上显示:none?然后在需要时使用JS调用它?

    在您的CSS文件中:

    #thumbnails_wrapper {
     display:none;
    }
    

    在您的javascript文件中(显然只在需要时调用,因此您可能会将其包含在函数中):

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

    或者在函数中:

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