Question

我有一个div我试图根据窗口大小调整jQuery大小。我使用窗口大小更改来调整大小的代码效果很好，但由于某些原因它不能在加载时工作。几个星期前我写了原始代码，所以在我看来并不是很新鲜，但我确实解决了这个问题。由于某种原因，它现在不起作用。我确实改变了一些事情，但没有与脚本本身有关。不知道为什么它现在不起作用。我之前提出的解决方案对我来说似乎有点多余，因为它是调整元素大小的函数，然后用于调整页面重新调整大小的元素。我对此很新，所以它可能是非常基础的东西，但我无法弄明白。我尝试将第一部分放在$（window）.load（）函数中，但所有这一切都使得调整窗口大小调整部分不起作用。

无论如何，这里是代码：

var width = $(window).width();
function resizeBig() {
    $("#topbarMainBlockContainer").css("width", "calc(100% - 420px)");
}
function resizeSmall() {
    $("#topbarMainBlockContainer").css("width", "100%");
}
if (width < 700) {
    resizeSmall();
} else {
resizeBig();
}
$(window).resize(function () {
    width = $(window).width();
    if (width < 700) {
        resizeSmall();
    } else {
        resizeBig();
    }
});

谢谢！

Answer 1

您是否已尝试将代码放入文档中？

$( document ).ready(function() {
// code goes here
});

或者在正文结束标记之前加载脚本。

原因是当代码执行时，解释器可能找不到id为＃topbarMainBlockContainer的元素，因为页面仍未完全加载。

不在页面加载/刷新时调整大小

1 个答案: