1

jQueryのslideToggleの「ちらつき」について多くの質問があることは知っていますが、ページの読み込み時にこのちらつきに特に対処する質問は見たことがありません。

実例はこちらをクリックしてください。

[更新]をクリックするか、別のデータシートページ（[データセットと製品情報]セクションの下）をクリックすると、ページが読み込まれると、非表示のdivが展開されたコンテンツを「フラッシュ」し、すぐに折りたたまれます。私はこれをFirefoxで気づきましたが、IEやChromeではそれほど気づいていません。これを防ぐために何ができますか？これは、ページの読み込み速度に依存しますか？

また、悪夢のような表形式のコードを許してください。これは前の開発者から受け継いだものです。後のフェーズでこれを修正する予定ですが、この問題の迅速な修正があるかどうか疑問に思っています。

ありがとう！

4

2 に答える 2

2

たぶん？display:none_ #mover2（もちろん、それは優雅な劣化がないことも意味します）

編集（別の質問への回答）cssで＃id、＃id1、＃id2を使用しないようにするには、これらのdivに.などのクラスを追加するだけですhideThis。

次に、CSSで次を追加できます。.hideThis{display：none; }

于 2010-07-20T20:25:31.070 に答える
0

これは、FirefoxでのJavaScriptの読み込み時のレイテンシーと関係があると思います。

Ionut Staicuが示唆しているように、私はこれに対処するために、.CSSでそれらを非表示にします。これは、hideメソッドよりも高速である可能性があります。

私も$('[id=^mover]').hide();すべてのような個々のものの代わりに試してみます$('#mover1').hide();

于 2010-07-20T20:41:29.927 に答える