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就绪处理程序，因为窗口始终可用。

Answer 2

您最好使用window onload事件，将异步内容视为图像，例如：

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

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

2 个答案: