Как сделать так, чтобы функция работала только при определенных расширениях экрана?

Question

[kimqar]

Есть функция, которой нужно присвоить работающее состояние только при расширении экрана <992px, как это сделать?
$('.work_img').hover(function() {

if ($(this).hasClass('work_img_zoom')) {
$(this).removeClass('work_img_zoom');
} else {
$('.work_img').removeClass('work_img_zoom');
$(this).addClass('work_img_zoom');
}

});

Answer 1

[ThunderCat]

расширении экрана <992px

А при заужении не работала... угу, ясно понятно.
Если имелось в виду ширина окна браузера, то

let w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

Comments

[kimqar]

нет, просто у меня есть слайдер, на который при >992px (ПК в основном) при наведении на картинку, картинка увеличивается, а на телефонах (<992px) надо чтобы этот эффект был при только клике.

[ThunderCat]

kimqar, не проще такую ерунду на цсс написать было? media в руки и вперед...

[kimqar]

ThunderCat, просто было уже написано на js, а переделывать не хочу