有没有一种简单的方法来隐藏网站的较大部分，显示 loader.gif 并用 jquery 很好地显示内容，直到整个 DOM 准备好？我该如何编码？Ofc 我不想使用 AJAX，只是 jquery。
问问题
153 次
2 回答
3
visibility:hidden / visible在 dom 准备好之前，在您不想显示的部分上使用。并且一旦 DOM 准备好 ( $('document').ready();) ，通过动画或任何您喜欢的方式使您的内容可见。
于 2012-08-04T10:14:24.930 回答
1
您可以使用 jQuery document.ready 来完成，它只会在整个 DOM 加载后应用其功能/操作。
您可以通过将 body 设置为 来做到这一点visibility:hidden，然后使用 document.ready 函数添加一个类，这会将其更改为visibility:visible.
jsFiddle - 看看它是如何工作的。
（"show"如果您想测试它是否有效，请尝试将其更改为任何其他单词。）
不过，我个人不建议这样做，在慢速连接上，网站可能只是出现损坏，或者在加载 css 时可能会打开/关闭，然后是 jQuery。
如评论中所述，如果您需要以更简洁的方式加载内容，AJAX 通常是您的选择。
于 2012-08-04T10:31:06.373 回答