1

jQueryUIタブを使用しているページでは、タブに変更される前に元のマークアップが表示されることがあります。

ここに画像の説明を入力してください

これを見ると、推定0.2〜1.0秒表示されます。

元のマークアップが表示されないようにするにはどうすればよいですか？

4

3 に答える 3

2

そのようなものはFOUC（Flash of Unstyled Content）と呼ばれます。これに対する解決策は、cssを使用してそのタブを含むdivを非表示にし、ページ全体がロードされた後にjavascriptを使用して表示することです。

$(window).load(function () {
   $('#your-tabbed-bar-div').show();
});

詳細については、こちらをご覧ください： http: //www.bluerobot.com/web/css/fouc.asp/ http://paulirish.com/2009/avoiding-the-fouc-v3/

于 2012-04-09T06:49:43.657 に答える
0

これについては、jQueryUIのドキュメントで説明されています。

于 2012-04-09T05:56:07.713 に答える
0

jquery uiのものの前に実行されているjavascriptがあるように思われるので、jsタグの順序を並べ替えるのと同じくらい簡単でしょうか？

それがうまくいかない場合は、ハックをお勧めします-ファイルが十分に速くダウンロードされていない場合は、スタイルがページにロードされることを確認してください。これは、ブラウザがファイルをキャッシュする可能性が高く、おそらくそうではないため、疑わしいです。そもそも非常に大きいです-とにかく、スタイルをコピーして、それらがすばやくロードされることを確認してから、リスト要素のクラス属性を特にhtmlに設定することができます。

そのハックが気に入らない場合は、これについてはどうでしょうか-リストスタイルをdisplay：noneに設定してから、setTimeoutを使用して、表示するスタイルプロパティをチェックし続けます-そこにある場合は、の表示をブロックに設定します（または何でも）そしてもちろん、あなたがそれを見た後、属性のチェックをやめます。

于 2012-04-09T05:32:50.917 に答える