准备好时显示DOM

时间:2012-08-04 10:04:09

标签: jquery

是否有一种简单的方法可以隐藏网站的大部分内容,显示loader.gif并使用jquery很好地显示内容,直到整个DOM准备就绪?我该如何编码呢? Ofc我不想使用AJAX,只是jquery。

2 个答案:

答案 0 :(得分:3)

在dom准备就绪之前,您不想显示的部分使用visibility:hidden / visible。 一旦DOM准备就绪($('document').ready();),就可以通过动画或任何你喜欢的方式显示你的内容。

答案 1 :(得分:1)

你可以使用jQuery document.ready来完成它,它只会在整个DOM加载后应用它的函数/动作。

您可以将主体设置为visibility:hidden,然后使用document.ready函数添加一个类,该类将其更改为visibility:visible

jsFiddle - 看看它是如何运作的。

(如果您想测试它是否有效,请尝试将"show"更改为任何其他字词。)

我个人不建议这样做,但是在慢速连接上,网站可能会出现故障,或者在加载css时可能会打开/关闭,然后是jQuery。

正如评论中所提到的,如果您需要以更清洁的方式加载内容,AJAX通常就是您的选择。