Как я могу исправить matchMedia "не работает"

Question

Я кодирую пользовательский интерфейс и хочу, чтобы jQuery проверил экран мультимедиа min-width, затем проверьте, есть ли у div класс. Если это так, он должен переключать класс.

Я пытался использовать код для window.matchMedia() но это не работает

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

Я ожидаю .element-view быть выключенным или переключенным, если .navbar-wrapper имеет .element-view как класс, когда медиа-экран имеет ширину 800 пикселей и выше.

Answer 1

Я решил свою проблему, я понял, что использовал .toggle вместо .toggleClass и я использовал это вместо `

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

`