Событие изменения размера 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;