2

選択を非表示にすると:

$("#someselector").hide();

普段は一番下に置いています。その Web ページが表示されると、しばらくの間、非表示の選択項目が表示されます。その後、本来あるべき姿で消えます。

それは私が見たかったものではありません。

「非表示」選択のクイックビューを停止する方法はありますか?

4

5 に答える 5

4

ページの読み込み時に非表示の要素が表示される理由は、その要素を非表示にするコードに到達する前に、ページがダウンロードされて JavaScript が処理されるまで待機する必要があるためです。要素の初期状態が非表示の場合は、CSS を何も表示しないように設定します。head 内のスタイル シートは html の前に処理されるため、html がレンダリングされるときにその要素は表示されません。

CSS ファイルの要素にスタイルを設定します:(jQuery を使用しない場合)

 #someselector{
        display:none;
    }

... または隠しクラスを作成する

.hide{
   display:none;
}

<div id="someselector" class="hide">content</div>

... またはインライン スタイルを設定する (非推奨)

<div id="someselector" style="display:none;">content</div>

$('#someselector').show(); および $('#someselector').hide(); それでも同じように動作します。

于 2010-02-16T23:14:13.617 に答える
1

隠しコードを一番下に置くのではなく、HEAD に含まれる .js ファイル (または、サイトが小さい場合は HEAD のインライン JS) に置き、$(document).ready(). イベントを読むこともready価値があります！

于 2010-02-16T23:14:36.317 に答える
0

JavaScript で非表示にする最も簡単な方法は、マークアップの要素の直後にスクリプトを配置することです...

<div id="someselector"></div>
<script type="text/javascript">$("#someselector").hide();</script>

おそらく現在ドキュメント準備完了イベントを使用していますが、これは DOM 全体が構築されるまで発生しません。

JavaScript を無効にすると要素が表示されないため、CSSdisplay:noneアプローチを使用することはお勧めできません。それがあなたのサイトにとって問題ではない場合は、お気軽に。

于 2010-02-17T00:19:12.033 に答える
0

$(document).ready() 関数の中に入れてみてください。（これはHEADにあるべきです）

そうすれば、ページが表示される前に非表示になるはずです...

于 2010-02-16T23:15:14.980 に答える
0

いつ電話していhide()ますか？$(document).ready/でそうしています$(handler)か？もしそうなら、あなたはそれを見るべきではありません。

于 2010-02-16T23:16:20.190 に答える