javascript - 隐藏和显示 : issue while loading a page

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 定义的一部分，您需要定义元素何时可见的定位。