jquery - 如何修复 matchMedia '似乎不起作用'

Question

我正在编写 UI，我希望 jQuery 检查 media screen min-width，然后检查 div 是否有类。如果是这样，它应该切换类。

我尝试过使用代码，window.matchMedia()但它不起作用

if ((window.matchMedia('(min-width: 800px)').matches)) {
  if ($('.navbar-wrapper').hasClass('element-view')) {
    $('.navbar-wrapper').toggle('element-view');
  }
}

当媒体屏幕的宽度为 800 像素及以上时，我希望.element-view关闭或切换它.navbar-wrapper。.element-view

Answer 1

我已经解决了我的问题，我意识到我使用.toggle了而不是.toggleClass我使用了这个 `

$(window).resize(function () 
{
    if (($('.nav').width () >= 783) && ($('.navbar-wrapper').hasClass('element-view')))
    {
        $('.navbar-wrapper').toggleClass('element-view');
    }
});

`