Javascript 和 jquery 调整大小事件在 IE Internet Explorer 中不起作用

Question

我不知道我做错了什么，但我的 onresize 在 Firefox 中工作正常，但在 IE 中不起作用。

$(window).bind('resize', function () {resize1()}); 
window.onresize= function(){resize1()};
body.onresize= function(){resize1()};
$(window).resize(function(){resize1()});

我已经尝试了所有四个，并且在 ff 中都工作正常，但在 IE 中都不起作用。我做错了什么。

我的 resize1 函数如下所示：

function resize1(){
var w = $(window).height();
var h = $('.header').height();
var ht = (w-h);
document.getElementById('div').style.height=ht +"px";

}

我的最终目标是当有人通过拖动一个角来调整窗口大小时，让 div 调整大小。再次在 FF 中工作正常，但在 IE 中不起作用。感谢您的帮助。

当我使用“onload”调用该函数时，它工作正常，只是在使用 onresize 事件时不会触发。因此，当我加载页面时，div 的大小是正确的，但是当我调整大小时，它不会再次触发该函数。所以这似乎是 IE 无法识别事件 oneresize 的原因。 ??

Answer 1

$(window).resize(function(){resize1()});

function resize1(){

var w = $(window).height();
var h = $('.header').height();
var ht = w-h;

$('#div').height(ht);

}

Answer 2

哪个版本的IE？ 8.0 及更早版本获取不带 px 的值
尝试 document.getElementById('div').style.height=ht;