jQueryは、IEブラウザ用のCSSコードを書くかどうかには適していますか?私はこの問題に何度も直面しています。時には、IEを含むすべてのブラウザのコードを書き換える方法を理解することが難しい場合があります。小さなコードを変更するためにjQueryを使用することもありますが、ユーザーのインターネット帯域幅が弱いとjQueryがページの後にCSSを読み込みます完全にロードされている、これは常にこのようなものであり、新しいユーザーはサイトについての悪い印象を与えることができます。さて、これを改善するアドバイスはありますか?CSS、jQuery、およびIE。
0
A
答えて
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を使用しています。
関連する問題
- 1. jQueryのタブ、CSSおよび分割ライン
- 2. ブートストラップ、jQuery、ポッパー、およびCSSのロード順
- 3. IE、YUI、およびフラッシュ
- 4. IE代替Windows Embedded Compact 7 - 最新のjQueryおよびJavascriptサポート
- 5. jQueryの - IE ONLY CSS
- 6. Magento checkout IE 7およびSafari
- 7. 違いIEおよびWebkitの
- 8. のgetURLアクションスクリプト2およびIE 7/8
- 9. IE、Iframe、および複数のクラス
- 10. IE、FireFoxの、オペラ、およびSafariは、サーバ
- 11. IE 11、ModernizrおよびSCRIPT1002構文エラー
- 12. フィルタは、IE、身体およびフォント
- 13. は、HTML、CSSおよびJavaScript
- 14. サイズ変更およびCSS
- 15. jqueryでCSSクラスを追加および削除する
- 16. WordPressのカテゴリjQueryおよび/またはCSSとの比較
- 17. jQueryプラグイン、コンテキスト、およびsetTimeout
- 18. jQuery tokenInputプラグイン(およびフォーカス)
- 19. jQueryのテンプレートおよびBACKBONE.JS
- 20. Jquery、Ajax、およびASP.NET webmethods
- 21. AJAX、JSON、jQuery、およびPHP
- 22. jQuery hasClassおよびif
- 23. Jquery getおよびset値
- 24. jQuery draggableおよび-webkit-transform:scale();
- 25. Django、jquery、およびmodelforms
- 26. Internet Explorer 9およびjQuery
- 27. Jquery、xmlおよび変数
- 28. jQueryモバイル、DOM、およびイベントバインド
- 29. JSON、PHP、FLOT、およびjQUERY
- 30. ラジオボックスおよびAJAX/jQueryの