は、彼らは、ブラウザ

Question

に表示される前に、私は要素を非表示にすることができます任意のイベントのjQueryやJavaScriptは、今私はonreadyイベントハンドラ

$(function() { 
    $('element').hide(); 
}); 

しかし要素は、それがブラウザに表示された後にのみ、隠れているを持っています。そしてそれはフラッシュのように消える。

ブラウザにコンテンツが表示される前にhide（）関数をバインドできますか？

Answer 1

ブラウザにコンテンツが表示される前にhide（）関数をバインドできますか？

いいえ。DOMは、javascriptで操作できるようにするには、最初に読み込む必要があります。最良の方法は、CSSを使用して要素をサーバー側から隠すだけで、ページがロードされたときに表示されないようにすることです。

.hidden { 
    display: none; 
} 

、その後、あなたの要素に適用します：だからあなたのCSSファイルに隠されたクラスを定義する

<div class="hidden">some hidden content</div> 

Answer 2

あなたの要素に、このようなクラスを適用することができなかった理由があります

HTML

<div class="s-hidden">Hello foo!</div> 

CSSまだあなたの内容を読み出しますvisibility:hiddenもスクリーン読者からの要素を隠すこと

.s-hidden { display: none; visibility: hidden; } 

注意、

これをオフのままにあなたがそれを必要なときにそれを示して？

Answer 3

JavaScriptを使用して正しくアクセスして変更するには、DOMが読み込まれている必要があります。 CSSを使用して要素を非表示にする必要があります。その後、DOMの読み込みが終了したら、好きなように表示できます。

Answer 4

使用CSSは、要素を非表示にするには：

表示：なし;