如何在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準備好之前停止顯示網頁內容？

回答

相關問題