1

次の JS を使用して、SEO に適した方法でスタイル設定されていないコンテンツのフラッシュを回避しています。

<script type="text/javascript"> 
$('#Container').addClass('fouc'); 
$(document).ready(function() { 
    $('#Container').show(); 
}); 
</script>

これには、付随する CSS: も含まれ<style> .fouc {display:none;}</style>ます。

私が期待しているのは、ページの読み込み時に、少なくとも div #Container が追加されたクラス .fouc にあるはずですが、これはコンソールから手動で追加した場合にのみ発生します。

これを期待どおりに機能させるには、追加のコードなどが必要ですか?

参考までに、このスクリプトが呼び出される前に、すでに JQuery を呼び出しています。

あなたの助けに感謝します!

4

1 に答える 1

1

FOUC を回避する最善の方法は、CSS ファイルへのすべてのリンクを<head>要素に配置することです。このようにして、スタイリング ルールがコンテンツの前に読み込まれ、スタイルが適用されます。これは、SEO とユーザー フレンドリーの両方です。

于 2014-03-12T18:17:44.080 に答える