JQuery addClass 和 removeClass 可以工作，但在某些窗口大小下无法正常工作答案

【问题标题】：JQuery addClass and removeClass works but will not function properly at certain window sizeJQuery addClass 和 removeClass 可以工作，但在某些窗口大小下无法正常工作
【发布时间】：2023-03-20 15:30:01
【问题描述】：

我想在不同的屏幕尺寸上添加类和移除类。我已经完成了 jQuery，它在窗口调整大小时基本上可以工作。但是，在某个像素处，大约 764 像素左右，布局显示 removeClass 函数有效，但 addClass 函数无效。我怎样才能让它工作？下面是我的代码。非常感谢！

function checkWindowSize() {
    if ($(window).width() < 767) {
        $("div.sliderkit").removeClass("newslider-vertical").addClass("newslider-horizontal");
        $('.highlight article ul li:first-child').removeClass('featured');
    } else {
        $("div.sliderkit").removeClass("newslider-horizontal").addClass("newslider-vertical");
        $('.highlight article ul li:first-child').addClass('featured');
    }
}
$(window).load(checkWindowSize);
$(window).resize(checkWindowSize);

【问题讨论】：

你可能想在控制台中记录（调试）你的 div 的 .hasClass 值，看看它是否真的为元素添加了类？

标签： jquery addclass removeclass

【解决方案1】：

试试这个：

$(window).on('load',function(){
if ($(window).width() < 767) {
        $("div.sliderkit").removeClass("newslider-vertical").addClass("newslider-horizontal");
        $('.highlight article ul li:first-child').removeClass('featured');
    } else {
        $("div.sliderkit").removeClass("newslider-horizontal").addClass("newslider-vertical");
        $('.highlight article ul li:first-child').addClass('featured');
    }
});



$(window).on('resize',function(){
if ($(window).width() < 767) {
        $("div.sliderkit").removeClass("newslider-vertical").addClass("newslider-horizontal");
        $('.highlight article ul li:first-child').removeClass('featured');
    } else {
        $("div.sliderkit").removeClass("newslider-horizontal").addClass("newslider-vertical");
        $('.highlight article ul li:first-child').addClass('featured');
    }
});

【讨论】：

感谢您的帮助。我试过。当我不断调整窗口大小时它会起作用。但是，当屏幕以小于 767px 的尺寸加载时，该功能不再起作用。我还需要它在负载上工作，因为我的目标是不同屏幕尺寸的移动设备。
还是一样。有时，removeClass 函数有效，但 addClass 函数无效。
还是一样。是因为css问题吗？在我的 CSS 中，我使用 @media all 和 (max-width: 767px){}。我确实尝试将 ($(window).width()