Question

我正在编写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');
  }
}

当媒体屏幕的宽度为800px以上时，如果.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');
    }
});

`

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

1 个答案: