Нужна помощь в jquery

274

30 августа 2017, 15:57

Ребят, такие дела, нужно при разрешении меньше 992px добавить ссылкам меню определенный класс. Как класс добавить я сам понимаю, помогите дополнить скрипт, чтобы это действие происходило на нужном разрешении.

$(document).ready(function(){
  $('.hamburger').click(function(){
      $('.main-list__link').toggleClass('animated');
  });
});

Answer 1

Ответ вроде верный дан, только без учета поставленной задачи, так что "продублирую":

$(document).ready(function(){
  $('.hamburger').on('click', function(){
      if($(window).width() <= 992) $('.main-list__link').toggleClass('animated');
  });
});

Answer 2

Но лучше сделать через правило @media

function addMenuClass()  
	if ($(window).width() <= '992' && $(селектор ссылок меню:not(.добавляемый класс))) { 
	    $(селектор ссылок меню).toggleClass(.добавляемый класс); 
	} 
} 
 
$(window).on('load resize', addMenuClass);