如何修复 matchMedia '似乎不起作用'答案

【问题标题】：How do I fix matchMedia 'doesn't seem to be working'如何修复 matchMedia '似乎不起作用'
【发布时间】：2019-02-08 21:03:28
【问题描述】：

我正在编写 UI，我希望 jQuery 检查媒体屏幕min-width，然后检查 div 是否有类。如果是，它应该切换类。

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

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

当媒体屏幕宽度为 800 像素及以上时，如果 .navbar-wrapper 具有 .element-view 作为类，我希望 .element-view 被关闭或切换。

【问题讨论】：

标签： jquery matchmedia

【解决方案1】：

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

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

【讨论】：