Как сделать, что бы jquery скрипт срабатывал на определенном медиазапросе?

Question

[Underdoggit]

Есть Jquery скрипт, который клонирует и фиксирует меню навигации на экране. Как сделать так, что бы скрипт работал только на экранах в определенном медиа-запросе. Допустим от 768 до 1100px.
Хочу отключить его, и включить другой скрипт который будет двигать уже мобильное меню.
Сам скрипт ->

// Create a clone of the menu, right next to original.
$('.header__navigation').addClass('original').clone().insertAfter('.header__navigation').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','500').removeClass('original').hide();

scrollIntervalID = setInterval(stickIt, 10);


function stickIt() {

  var orgElementPos = $('.original').offset();
  orgElementTop = orgElementPos.top;               

  if ($(window).scrollTop() >= (orgElementTop)) {
    // scrolled past the original position; now only show the cloned, sticky element.

    // Cloned element should always have same left position and width as original element.     
    orgElement = $('.original');
    coordsOrgElement = orgElement.offset();
    leftOrgElement = coordsOrgElement.left;  
    widthOrgElement = orgElement.css('width');
    $('.cloned').css('left',leftOrgElement+'px').css('top',0).css('width',widthOrgElement).show();
    $('.original').css('visibility','hidden');
  } else {
    // not scrolled past the menu; only show the original menu.
    $('.cloned').hide();
    $('.original').css('visibility','visible');
  }
};

Answer 1

[Александр AS]

if (screen.width < 992) {
Ваш скрипт
}

992 = ваше число медиазапроса

Comments

[Underdoggit]

А если от и до? Допустим запереть скрипт между двумя медиа?

[Александр AS]

Underdoggit, я лично такой вариант не пробовал по скольку не было необходимости, но есть идея сделать так:

if (screen.width < 992 && screen.width > 390) {
Ваш скрипт
}

[Underdoggit]

Александр AS, нет, не работает, попробую нагуглить

[Александр AS]

Underdoggit, а вы страницу перезагружали при этих разширениях?
Сейчас проверил, всё работает

[Underdoggit]

Александр AS, да, странно, может кэш не сбросил, попробую

[mr-troll]

Underdoggit, эту штуку надо засунуть ещё в $(window).on('resize',function(
Чтобы учитывать возможную смену размеров экрана

Answer 2

[Destell]

min < window.innerWidth < max