jQueryスタイリングの質問

jQueryをスタイリング専用に使用していますが、divはbodyセクションのhtmlタグを使って作成しています。問題はブラウザが最初にページのコンテンツを左側に整列して表示し、数秒後にコンテンツがjQuery CSSのスタイリングに従って整理されることです。私の質問です：ブラウザを最初に左側に整列させずに正しい場所にコンテンツを表示させる方法はありますか？ありがとう。jQueryスタイリングの質問

出典

2011-08-14 FadelMS

CSSファイルを使用して、jQueryが必要ないすべてのスタイリングを入れてみましょう。 –

はい。それはまさに私がやったことです。ありがとう – FadelMS

あなたのオプション：

が、それは隠されたすべてのコンテンツと目的
スタートページにありますないすべてのスタイル情報を適用するためのjQueryを使用しないでください、それはだ、適用するあなたのクラス情報隠しコンテンツへの属性。これは、JSが有効になっている場合、要素をHTMLにクラスを追加します
```
document.documentElement.className += ' js'; 
```
：あなたが完了したら、まずヘッド部内のスクリプトタグでこれを追加コンテンツ

出典

2011-08-14 08:03:52

2番目のオプションが機能しませんでした。だから私はjQuery CSSを通常のスタイルシートに置き換えました。ありがとう – FadelMS

jQueryがスタイルを適用する要素を持つためには、jQueryが既にブラウザによってレンダリングされている必要があります。したがって、コンテンツは最初にjavascriptで適用されるスタイルなしで最初に表示されます。構造化されていないコンテンツのフラッシュを避けるには、そのコンテンツにdisplay：noneを追加し、jQueryを使用してスタイリングした後でそれを表示します。ページがロードされ、$(document).ready();イベントで物事が見えるようにしている前に、あなたのメインの<body>タグにdisplay:noneまたはvisibility:hidden;を設定した場合

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

<script>$('#myJqueryStyledStuff').show();</script>

出典

2011-08-14 08:01:38

javascriptが無効になっているブラウザを正しくサポートするため、stradaの答えが良いです。そして、no.good.at.codingが正しいです。必須のスタイルにjqueryを使用するのは一般的には良い考えではありません。私は実際にそれが必要となる状況を考えることができません。だからあなたはおそらくそれをするべきではありません。 –

、それが動作するはずです。

出典

2011-08-14 08:02:53 jkeesh

を再表示。あなたがいないのJavaScriptサポートを持つ人々からのコンテンツを隠すべきではありませんので、我々はこの「jsの」クラスを使用

.js #wrapper{ 
     display:none; 
}

：あなたは次のようにCSSでこのクラスを使用することができます。

ラッパーは、jQueryを使用してスタイルを設定する要素IDです。 jQuery操作を完了したら、jqueryでスタイル付き要素を表示します。

出典

2011-08-14 08:07:56 strada

jQueryスタイリングの質問

答えて

関連する問題