Как сделать чтобы jquery сценарий не работал при определенном значении ширины экрана?

Question

[sunnyrio]

Как сделать чтобы jquery сценарий не работал при определенном значении ширины экрана?
Вот код нужно чтобы он работал только при разрешении экрана меньше чем 1024px.

$('.footer-items_item_head').click(function() {
		let n = $(this).attr('user-data');

		if ( $('.footer-items_item_body[user-data="'+ n +'"]').css('display') == 'none' || $('.footer-items_item_body[user-data="'+ n +'"]').css("visibility") == "hidden"){
			$('.footer-items_item_body').hide();
			$('.footer-items_item_head').removeClass('footer-items_item_head--img-invert');			
			$('.footer-items_item_body[user-data="'+ n +'"]').show();
			$('.footer-items_item_head[user-data="'+ n +'"]').addClass('footer-items_item_head--img-invert');			
		} else {
			$('.footer-items_item_body').hide();
			$('.footer-items_item_head').removeClass('footer-items_item_head--img-invert');
		};
		
	});

Answer 1

[sunnyrio]

Перестал работать скрипт, вот что я поменял:

$(window).on('resize', function() {
		var getWindowWidth = $(window).outerWidth();
		var maxWindowWidth = 1023;
	  
		if (getWindowWidth <= maxWindowWidth) {
			$('.footer-items_item_head').click(function() {
				let n = $(this).attr('user-data');

				if ( $('.footer-items_item_body[user-data="'+ n +'"]').css('display') == 'none' || $('.footer-items_item_body[user-data="'+ n +'"]').css("visibility") == "hidden"){
					$('.footer-items_item_body').hide();
					$('.footer-items_item_head').removeClass('footer-items_item_head--img-invert');			
					$('.footer-items_item_body[user-data="'+ n +'"]').show();
					$('.footer-items_item_head[user-data="'+ n +'"]').addClass('footer-items_item_head--img-invert');			
				} else {
					$('.footer-items_item_body').hide();
					$('.footer-items_item_head').removeClass('footer-items_item_head--img-invert');
				};
				
			});
		};
	});