javascript - JqueryIEの問題

Question

var zoom = document.documentElement.clientWidth / window.innerWidth;
jQuery(window).resize(function() {

var zoomNew = document.documentElement.clientWidth / window.innerWidth;
    if (zoom != zoomNew) {
    alert('key is down');
    jQuery(".left_body").width((window.innerWidth-984)/2-6+"px");
    jQuery(".right_body").width((window.innerWidth-984)/2-6+"px");
    }
});

IEで動作しない

Answer 1

なぜなら

window.innerWidth

IEで未定義を返しています。ズーム値はNaNになります

var zoom = document.documentElement.clientWidth / window.innerWidth;

Answer 2

"window.innerHeight/Width ほとんどのブラウザーで提供されていますが、Internet Explorer 8 では提供されていません。また、Internet Explorer 9 以降でも、互換モードでは使用できません。"

参考文献:

• http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

• Internet Explorer 8 で innerWidth を取得する方法

..そのため、クロスブラウザーでサポートされている別の方法を見つける必要があります。私が投稿したstackoverflowリンクでは、Sarfrazの受け入れられた回答により、必要な変更が得られます。