2011-07-30 13 views
0

jQueryは、IEブラウザ用のCSSコードを書くかどうかには適していますか?私はこの問題に何度も直面しています。時には、IEを含むすべてのブラウザのコードを書き換える方法を理解することが難しい場合があります。小さなコードを変更するためにjQueryを使用することもありますが、ユーザーのインターネット帯域幅が弱いとjQueryがページの後にCSSを読み込みます完全にロードされている、これは常にこのようなものであり、新しいユーザーはサイトについての悪い印象を与えることができます。さて、これを改善するアドバイスはありますか?CSS、jQuery、およびIE。

答えて

2

ページが完全に

のjQueryをロードされた後、jQueryのCSSをロードすべてあなたのCSSをロードするための責任を負うべきではありません。うまくいけば、これはあなたが意味するものではありません。

しかし、すべてのjavascriptが実行される前に表示される醜いフラッシュについて話している場合、1つのテクニックは、javascriptなしであなたのために特定のCSSを書くことです。 jQueryのですかロードされていない場合や、

$('html').removeClass('no-js').addClass('js'); 

が次にあなたがCSSでこのセレクタを使用することができる要素をターゲットにする:jQueryの負荷は、すぐにこのような何かを呼び出すその後

<html class="no-js"> 

:アイデアは、基本的にはこれです有効になりました。

.my-widget { 
    /* default style */ 
} 
.js .my-widget { 
    /* style with javascript */ 
} 
.no-js .my-widget { 
    /* style without javascript */ 
} 

(この技術が使用されている一つの場所)HTML5Boilerplateドキュメントから撮影:

私はJavaScriptをせずに、ユーザーの明示的なスタイルを書い好みます。私のサイトのほとんどの はJavaScriptを期待しています。つまり、CSSセレクタの.jsには60%のプレフィックスが付きます。 あるいは、私はいくつかのターゲットを .no-jsで置き換えて、そのケースに対処することができます。もっとここに: http://paulirish.com/2009/avoiding-the-fouc-v3/と一般に http://paulirish.com/2009/avoiding-the-fouc-v3/#comment-34951

ただし、必ずすべてのJavaScriptなく良好に見えるようにしよう、と機能強化のためのJSを使用しています。

関連する問題