javascript - 基于屏幕宽度的单独功能（调整大小的变化）

Question

我有一个网站导航给我带来了问题。我所追求的是拥有移动导航和更强大的全屏导航。我已经把它简化了，所以你可以看到我的问题。我希望这可以根据当前窗口大小动态更改 if/else ...如果您开始，如果无论窗口大小如何，它都会保持打开状态，反之亦然。

谢谢你的帮助！

var w = $(window).width();

function checkSize() {

    if ( w < 770 ) {
        console.log("This is a small window");
    } else {
        console.log("This is a big window");
    };
};

$(window).resize(checkSize);
checkSize();

Answer 1

您必须转到var w = $(window).width();该checkSize功能。

Answer 2

我猜你也许应该看看“媒体查询”。