在调整大小时使用jQuery添加和删除类

Question

我正在尝试在调整窗口大小时使用jQuery添加和删除类。

当视图端口宽度低于919时，下面的代码是添加类“check”。但是当它再次超过919时，不会删除类。

任何想法如何使其发挥作用？

$(window).on('load, resize', function mobileViewUpdate() {
var viewportWidth = $(window).width();
if (viewportWidth < 919) {
        $('ul').addClass("check");
} else {
        $('ul').removeClass("ckeck");
}});

https://jsfiddle.net/7kvs2b93/

Answer 1

使用Media Class而不是Jquery

@media screen and (max-width: 400px) {
  ul {
    color:red;

  }
}

https://jsfiddle.net/nm0bgLL8/1/