Javascript 如何在调整屏幕大小时添加/删除类

我试图仅在移动视图上使用.titleClickHide和.titleClick类。 它们将无法在大视图上使用。我应该更改或添加哪些代码

 $(window).resize(function () {
        console.log('screen changed');

        if (screen.width > 760) {
            $('#footerMenu').find('.li').removeClass("titleClickHide").removeClass('titleClick');
        }
        else {
            $(".footerMenuTitle .li").first().addClass("titleClick");
            $('.titleClick').click(function () {
                if ($(this).parents('ul').find('li.show').length > 1) {
                    $('.titleClickHide').hide().removeClass('show');
                } else {
                    $('.titleClickHide').hide().removeClass('show');
                    $(this).parents('ul').find('li').show().addClass('show');
                }
            });
        }
    });

---

首先，从resize函数中去掉click函数

其次，如果要使用removeClass（）方法删除几个类，请将它们合并为

$（“.class或#id”）.removeClass（“myClass yourClass”）

指

进行更改后，请检查控制台，查看是否存在任何错误以及测试时可能看到的其他内容

---

强烈建议使用CSS@media而不是resize（）方法。Resize（）在调整大小时会降低网站性能，因为函数会在每次像素更改时触发。例如，将宽度从768px调整到500px时，该函数将触发268次。

首先，将单击功能从调整大小功能中移除

其次，如果要使用removeClass（）方法删除几个类，请将它们合并为

$（“.class或#id”）.removeClass（“myClass yourClass”）

指

进行更改后，请检查控制台，查看是否存在任何错误以及测试时可能看到的其他内容

---

强烈建议使用CSS@media而不是resize（）方法。Resize（）在调整大小时会降低网站性能，因为函数会在每次像素更改时触发。例如，将宽度从768px调整到500px，该函数将触发268次。

在css中使用

@media

是一种更好的方法。。但是如果您需要使用js，请始终不要在

内使用事件。reize

而是使用

if

语句在单击事件内而不是在单击事件外查看关于媒体断点这里使用css中的

@media

是一种更好的方法。。但是，如果您需要使用js，请始终不要在

.reize

中使用事件，而是在单击事件中使用

if

语句来确定屏幕大小，而不要在它之外阅读关于媒体断点的内容，非常感谢@没问题。我很乐意帮忙。非常感谢@没问题。我很乐意帮忙。

$(window).resize(function () {
    console.log('screen changed');
    if (screen.width > 760) {
        $('#footerMenu').find('.li').removeClass("titleClickHide titleClick");
    } else {
        $(".footerMenuTitle .li").first().addClass("titleClick");
    }
    });

$('.titleClick').click(function () {
    if ($(this).parents('ul').find('li.show').length > 1) {
        $('.titleClickHide').hide().removeClass('show');
    } else {
        $('.titleClickHide').hide().removeClass('show');
        $(this).parents('ul').find('li').show().addClass('show');
    }
});