Javascript window.resize-Won'；我要等到7点才开枪；您已经手动更改了浏览器宽度

我这里有一个小代码片段：

$(window).resize(function() {
    if ($(window).width() <= 768) {
            $('.menu-item-810').click(function () {
                $('.squares').slideDown(2000);
            });
        }
    });

$（窗口）。调整大小（函数（）{
如果（$（window）.width（）实际上，这没有任何意义？调整窗口大小时，调整大小事件处理程序会触发数千次，并且在调整大小处理程序中绑定一个单击事件处理程序将获得数千个单击处理程序

附加一个单击处理程序，并检查其中的窗口宽度

$('.menu-item-810').click(function () {
    if ($(window).width() < 768) {
        $('.squares').slideDown(2000);
    }
});

$（'.menu-item-810'）。单击（函数（）{
如果（$（窗口）.width（）<768）{
$（'.squares'）。向下滑动（2000年）；
}
});
加载javascript后，需要触发调整大小事件才能触发代码。-它不知道在初始化处理程序之前是否调整了窗口大小

将相同的代码片段放入
文档中。ready（）
函数可对窗口大小进行初始检查：

$(document).ready(function() {
    if ($(window).width() < 768) {
        $('.menu-item-810').click(function () {
            $('.squares').slideDown(2000);
        });
    }
});

$（文档）.ready（函数（）{
如果（$（窗口）.width（）<768）{
$（'.menu-item-810'）。单击（函数（）{
$（'.squares'）。向下滑动（2000年）；
});
}
});
按照代码的顺序，它首先检查窗口大小，只有在窗口小时才添加事件处理程序

听起来您想要的是始终调用事件处理程序，然后根据不同的方面更改操作

$(window).resize(function() {
    $('.menu-item-810').click(function () {
        if ($(window).width() <= 768) {
            $('.squares').slideDown(2000);
        }
    });
});

$（窗口）。调整大小（函数（）{
$（'.menu-item-810'）。单击（函数（）{
if（$（窗口）.width（）小于或等于768px。代码中的“否”仅为“否”。谢谢大家的帮助！速度也很快！大家的输入都很出色，我们将永远感激和尊重您的输入！如果用户在加载后调整了窗口大小，它仍然需要检查“调整大小”。否，因为它会在调用处理程序时检查大小。此答案为第一次工作，是最干净的。非常感谢你！
$(document).ready(function() {
    $('.menu-item-810').click(function () {
        if ($(window).width() <= 768) {
            $('.squares').slideDown(2000);
        }
    });
});