是否有一种简单的方法可以隐藏网站的大部分内容,显示loader.gif并使用jquery很好地显示内容,直到整个DOM准备就绪?我该如何编码呢? Ofc我不想使用AJAX,只是jquery。
答案 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通常就是您的选择。