jquery - スタイルが設定されていないコンテンツのフラッシュを停止する方法

Question

これはほんの短い質問です。例はありませんが、特注の cms を使用しています。現在、Web ページのヘッダーにアクセスできないため、一部の css をヘッドの外側に配置する必要があり、フラッシュが発生します。ページ読み込み時のスタイル設定されていないコンテンツ。

彼女の誰かがjqueryまたはこれを止めるための何かを使った簡単な修正を知っているかどうか疑問に思っています.

インラインではない CSS を配置することは悪い習慣であることは知っていますが、回避策があるかどうか疑問に思っていました。

どんな助けでも大歓迎

Answer 1

FOUC を処理するための基本的な解決策は、適切にスタイルが設定されるまで非表示にしておくことです。

スタイルなしで表示されるコンテンツを制御できると思いますか? その場合は、 で囲んで<div id="some-div" style="display:none">... content ... </div>ください。次に、jQuery を使用して、ドキュメント全体の準備ができたら表示します。

$(function() { $("#some-div").show(); });