jquery - 在最初加载时隐藏 div 的层次结构

Question

我正在尝试修改/优化此模板。除其他问题外，它首先加载与底部缩略图滚动条相关的所有 div 和图像。然后隐藏滚动条。至少在我的电脑上，这会产生令人不快的影响，即在隐藏它们之前向查看者显示所有 div。如果您想扫描代码，发生的事情是它为每个缩略图创建了大约 20 个 div，然后调用

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

有人可以建议一种相当轻松的方法来在加载之前最初隐藏所有元素吗？我尝试使用该hidden/visible属性，但我感觉并没有通过 div 的所有元素向下级联。

Answer 1

也许只是为了在你的 CSS 中的 #thumbnails_wrapper 上显示：无？然后在需要时使用 JS 调用它？

在您的 CSS 文件中：

#thumbnails_wrapper {
 display:none;
}

在您的 javascript 文件中（显然仅在需要时调用，因此您可以在函数中使用它）：

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

或者在一个函数中：

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