Как я могу исправить matchMedia «не работает» - PullRequest
0 голосов
/ 09 февраля 2019

Я кодирую пользовательский интерфейс и хочу, чтобы 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 в качестве класса, когда экран мультимедиа имеет ширину 800px и выше.

1 Ответ

0 голосов
/ 11 февраля 2019

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

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

`

...