我的div显示了一秒钟，尽管显示：none和jquery

Question

首先，也许我会告诉你我的js http://jsfiddle.net/nuYT3/

问题是#lightbox在其余页面加载之前显示半秒钟。我曾经想过如果我放置显示器：没有它，它根本就不会显示。但这种方法并不奏效。 :(我的js出现了什么错误（但有时只有一秒）？

    jQuery('#tellfriend_lightbox, #tellfriend_thanks').hide();

有什么不对吗？

感谢。

Answer 1

我可以看到你的代码在$（document）.ready（）里面，这意味着它在文档准备就绪时执行。

问题在于文档准备就绪之前会有延迟。

为了避免这些，我建议在该ID中添加css样式，并在JS中显示div。

CSS

<style>
#tellfriend_lightbox, #tellfriend_thanks {
   display: none;
}
</style>

然后当你需要显示它们时，只需致电

jQuery('#tellfriend_lightbox, #tellfriend_thanks').show();