隐藏和显示：加载页面时出现问题

Question

我在加载页面时隐藏了一个Flash组件（我希望它在后台加载），然后在它完全加载时显示它。

为此目的，我有以下JavaScript代码在DOM加载后隐藏它：

$(document).ready(function()
{
    $("#test").hide();
});

此时，闪光灯被隐藏。然后，我调用一个调用的方法：

$("#test").show();

但此时，闪光灯不再出现。我也尝试在Firebug的控制台中，它没有用。我尝试用div做同样的事情，它也不起作用。

如果我在加载时没有隐藏div / flash，但稍后隐藏并在Firebug的控制台中显示它，那么它可以正常工作。

有谁知道为什么我会这样做？

编辑：

非常感谢，

鲁迪

Answer 1

要隐藏Flash元素并仍然加载它，您可以将其放置在可见区域之外，而不是隐藏它。使用CSS执行此操作，以便在触发onload事件之前隐藏元素。然后，当您准备好显示flash元素时，只需删除loading类。

CSS

#flash-container { position: absolute; top: ... }
#flash-container.loading { top: -1000px; }

HTML

<div id="flash-container" class="loading">
  <object ...></object>
</div>

的JavaScript

$("#flash-container").removeClass("loading");

此外，作为#flash-container CSS定义的一部分，您需要定义元素何时可见的定位。