如何在css/jquery准备好之前停止显示网页内容？

我有一种巨大的网页（很多图像，很多javascript的代码，复杂的样式表）。当浏览器加载所有的内容时，在加载css/jquery之前，它会显示纯粹的html数据，没有样式，这看起来不太好。如何在css/jquery准备好之前停止显示网页内容？

奇怪的是，Firefox似乎是做这个最多。其他浏览器似乎做得很好。

我该如何解决这个问题？我考虑用一些css/javascript指令来启动索引，这会导致浏览器在内容准备好之前（如何？）不显示任何内容（display：none？）。

有关如何解决此问题的任何想法？

来源

2012-07-27 Richard Rodriguez

您的头部标记是您的CSS/JavaScript吗？ – Prescott 2012-07-27 14:06:48

用'order！'插件尝试requireJS – Austin 2012-07-27 14:08:47

如果页面确实很大，直到加载所有内容才显示用户可能会让人认为页面上没有任何内容。如果您要这样做，我可能想要应用加载微调器。 – 2012-07-27 14:12:01

我想你可能想仔细看看问题出现的原因，但是我可以帮你解决它！

您可以使用首先加载的不同样式表显示没有或所有DOM元素，然后使用jQuery在加载doc时删除该样式。

来源

2012-07-27 14:42:56 TJH

会''* {display：none; ''工作？ – 2012-07-27 14:50:20

为了便于再次移除它，您可能需要使用#wrapper（其中#wrapper是您的最高级别的dom元素），并将display none应用于此。用jQuery去除隐藏更容易。 – TJH 2012-07-30 07:05:52

我在过去自己做过这件事，我选择在页面中加载一个小的'加载'gif来显示，直到加载。从用户体验的角度来看，它让用户知道一切都很好。我只是有一个主显示无显示和绝对定位中心加载gif - 只要根据jQuery文档完全加载我鞭打加载div出来，并删除显示没有从主div使用removeClass（） – TJH 2012-07-30 07:09:00

将所有的脚本和样式表放在标题中，而不管人们说什么将JS始终放在页脚中，然后发挥魔力。

来源

2012-07-27 14:32:14

如何在css/jquery准备好之前停止显示网页内容？

回答

相关问题