jQueryの画像置換

Question

レスポンシブで640以下になった時にPCからSPへの画像パスを変えているのですが、ie8だけPCで開いてもSP画像になってしまいます。
どうすれば良いでしょうか。
どなたかご教授お願いいたします。

jQuery 「jquery-1.12.0」です。

$(window).on('load resize', function() {
   if(window.innerWidth > 640) {
     $('.resp').each(function(){
       $(this).attr('src', $(this).attr('src').replace('_sp', '_pc'));
     });
   } else {
     $('.resp').each(function(){
       $(this).attr('src', $(this).attr('src').replace('_pc', '_sp'));
     });
   }
});

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、jQueryのバージョンもお書きください。

Answer 1

IEは特殊と思って調べましたらこんなのが発見しました。

ウィンドウサイズは

w = window.innerWidth;
h = window.innerHeight;
で取れるが、IEでは取れない。

IEの場合

w = document.documentElement.clientWidth; // （クライアント領域の横幅）
h = document.documentElement.clientHeight; // （クライアント領域の高さ）

ウィンドウサイズの取得 - Qiita

Comments

[js_donzoko3]

解決できました！
ありがとうございます！！