IE8以下はjQuery1.X、それ以外は2.XをHTML上で振り分けて読み込ませる方法

Sponsored Link


jQueryはIE8をサポートするのはバージョン1.Xまでとなっています。
最近は、2.Xが登場し、高速化など行われてましたが、IE9以上などのモダンブラウザのみサポートとなりました。

そこで、ハックを使って、IE8以下は「jQuery1.X」を読み込ませ、それ以外は「jQuery2.X」を読み込ませるようにします。

方法は簡単で、「IEの条件付きコメント」(バージョン ベクタ)を使った方法と、それを応用した方法を組み合わせます。

<!--[if lt IE 9]>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.1.min.js"></script>')</script>
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-2.1.1.min.js"></script>')</script>
<!--<![endif]-->

「IE9未満」([if lt IE 9])を使って、まずIE8以下に「jQuery1.X」を読み込ませます。

その後に、「IE9以上」([if gte IE 9])を使って「jQuery2.X」を読み込ませますが、普通に書くとIEのみ対応になってしまうので、IE8以下は読み込まずに、IE9以上のモダンブラウザであれば読み込むようにハックします。

Sponsored Link

最新記事はトップページで!

京都発・地方が盛り上がるグルメや観光に撮影ロケ地の話題を提供!


購読するならRSSをご利用ください!

RSSはこちらをご利用ください。


マスコミ各社様の記事使用規約についてはこちらをご覧ください。

当ブログでは掲示板やSNSなど他メディアでURLや記事を紹介することはございませんので、掲示板などで記事を紹介されていても一切無関係です。誤解なきようお願いいたします。
当ブログで転載しているTweetはTwitter社の規約(2013/10)に準じた形式(API利用)によって許可された範囲で行われています。また、Tweet内容の所有権はTwitter社の規約によりTweet元のアカウント所有者にあります。そのため、当ブログでその所有権を主張するものではありません。Tweet内容については責任は負いませんので予めご了承ください。