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

Question

我正在尝试使用jQuery调整一些DIV，但是直到我移动IE-10窗口才能使用。

。

$(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

它不会，因为该函数绑定到调整大小事件，并且在调整窗口大小之前不会发射。
添加扳机以在pageload上触发它

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

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

Answer 2

您最好使用Window Onload事件，将Async内容当作图像，例如：

$(window).on('load resize', WindowResize);