JavaScript. Как сделать что бы скрипт работал при определенном стиле css?

Question

[Vasya88]

Подскажите, пожалуйста, я только учусь. У меня есть макет сайта где при наведении мышкой на меню, оно раскрывается с помощью hover. Но есть и мобильная версия, для которой я сделал скрипт на раскрытие и скрытие меню. Стили в CSS для мобильной версии разделил через media screen and(), возник вопрос, как сделать так, что бы скрипт срабатывал только на мобильной версии макета?

Answer 1

[GreatRash]

if (window.matchMedia("(min-width: 400px)").matches) {
  /* ширина окна больше или равна 400 */
} else {
  /* ширина окна меньше 400 */
}

Answer 2

[Антон Усачев]

if($(window).width() <= 768) {
	// скрипт тут
}

Answer 3

[Валентин]

if ($(window).outerWidth() < 630){
// ширина допустим меньше 630px значит моб. верстка
}

Comments

[Антон Швец]

а что вам мешает написать window.outerWidth? Зачем jquery для этого?