Запуск jquery с медиа-запросами css

Я использую медиа-запросы css в своем проекте для создания сайта, который будет работать с экраном любого размера. Я хочу вызвать функции jquery разницы, как если бы я использовал css.

Например, если размер браузера составляет от 1000 пикселей до 1300 пикселей, я хотел бы вызвать следующую функцию:

$('#mycarousel').jcarousel({
    vertical: true,
    scroll: 1,
    auto: 2,
    wrap: 'circular'
});

НО, когда размер браузера меньше 1000px, js остановит свою обработку. И так далее и т. Д.

Я не уверен, возможно ли это, но, возможно, существует существующее решение или плагин, который создает разные среды js на основе размеров окна браузера. Полагаю, я мог бы создавать условные операторы в каком-то формате. Есть мысли?