@Olddd

Как правильно присвоить класс?

Здравствуйте! Понимаю, вопрос глупый, но в js полный ноль. Мне надо , чтобы класс присваивался только при ширинах меньше 992 пикселей, вот код сейчас
var $width = $(window).width();
        if (!$width < 992) {
            $('body').toggleClass('lock');
        }

Объясните пожалуйста, и заранее спасибо
  • Вопрос задан
  • 103 просмотра
Пригласить эксперта
Ответы на вопрос 3
bingo347
@bingo347 Куратор тега JavaScript
Ищу Java и TypeScript разработчиков
const mediaQuery = window.matchMedia('(max-width: 992px)');
const handler = () => 
    $(document.body).toggleClass('lock', mediaQuery.matches);
mediaQuery.addListener(handler);
handler();

https://developer.mozilla.org/ru/docs/Web/API/Wind...

А вообще, такое спокойно через CSS можно делать:
@media (max-width: 992px) {
    body {
        /* тут то что у Вас в .lock было */
    }
}
Ответ написан
thisuserhatephp
@thisuserhatephp
Нарушаю законы (физики) АУЕ!
https://jsfiddle.net/5z1Lbpua/ - например так, в jq есть resize
Ответ написан
Spartak-2205
@Spartak-2205
Разработка и создание сайтов
if ($width < 992) {
	$('body').addClass('lock');
} else {
	$('body').removeClass('lock');
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы