在我移动IE 10窗口之前,document.ready不会触发

Question

我试图使用JQuery调整一些div的大小,但是在我移动IE-10s窗口之前它不起作用.

$(document).ready(function () {
    $(window).resize(WindowResize);
});

function WindowResize() {
    alert("FruitCrate: " + $("#FruitCrate").height()); 

    var n = Math.floor(window.innerHeight - 120);
    if (n < 190)
        n = 190;

    $("#FruitCrate").height(n);
}

一旦我移动窗口文件准备好触发器

我可以采取哪些步骤来找出问题所在.

适用于Chrome.

Answer 1

它不会,因为该函数绑定到resize事件,并且在您调整窗口大小之前不会触发.
添加触发器以在页面加载时触发它

$(document).ready(function () {
    $(window).on('resize', WindowResize).trigger('resize');
});

作为旁注,不需要DOM就绪处理程序,因为窗口始终可用.