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是正确的大小，但是当我调整大小时，它不会再次触发该功能。 因此，似乎oneresize事件未被IE识别。 ??

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;