Estou usando consultas de mídia css no meu projeto para criar um site que funcione com qualquer tela de tamanho. Eu estou olhando para disparar funções jquery de diferença, como faria com css.

Por exemplo, se o tamanho do navegador estiver entre 1000 px e 1300 px, gostaria de chamar a seguinte função:

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

Mas quando o tamanho do navegador estiver abaixo de 1000 px, os js interromperão o processamento. E assim por diante

Não tenho certeza se isso é possível, mas talvez exista uma solução ou plug-in existente que crie ambientes js diferentes com base nos tamanhos das janelas do navegador. Suponho que eu poderia criar instruções condicionais em algum formato. Alguma ideia