jQuery IE 问题答案

【问题标题】：Jquery IE issuejQuery IE 问题
【发布时间】：2012-07-02 10:12:03
【问题描述】：

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 中不工作

【问题讨论】：

它在做什么？有任何错误消息吗？
你说不工作是什么意思？它有输出吗？
zoom 怎么不等于 zoomNew！？
它在 IE 中不起作用。它在 IE 中没有给出输出和警告消息
@gaurav 查看我的答案和 mithunsatheesh 的答案。

标签： javascript jquery internet-explorer

【解决方案1】：

"window.innerHeight/Width 由大多数浏览器提供，但不是 Internet Explorer 8-，甚至在 Internet Explorer 9+ 中，它在 quirks 模式下也不可用。”

参考资料：

..所以你将不得不找到一种支持跨浏览器的不同方法。在我发布的 stackoverflow 链接中，Sarfraz 接受的答案为您提供了您需要进行的更改。

【讨论】：

【解决方案2】：

因为

window.innerWidth

在 IE 中返回未定义。导致缩放值为 NaN

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

【讨论】：

使用jquery查找$(window).innerWidth()