Enquire.js é um Javascipt que recria as consultas de mídia CSS para Javascripts. Isso significa que você pode envolver seus Javascripts em consultas de mídia. (Assim como você envolveria CSS em consultas de mídia).

Não sei bem como usá-lo.Este tutorial diz isso:

enquire.register("max-width: 960px", function() {
  // put your code here
});

No entanto, quando eu sigo isso, meu código pára de funcionar.

Aqui está um exemplo de algumas guias do Jquery sem Enquire.JS. Funciona bem.

Aqui estão as mesmas abas, mas com Enquire.JS adicionado. Agora ele pára de funcionar.

Eu experimentei diferentes variações do código, mas nenhum deles funciona. O que estou fazendo de errado?

Eu acho que você pode colocar o código do Tab Jquery em um arquivo separado e, em seguida, vincular a esse arquivo de dentro de Enquire.Js, mas não tenho certeza como você faria isso. (Embora seja útil saber como eu imaginaria, permitiria que seus scripts fossem mais reutilizáveis).

PS. Isto não é uma crítica ao Enquire.Js. Eu sei que o problema está diretamente com a minha falta de proficiência em Javascript! Passei algumas horas procurando uma solução, mas não consegui encontrar nada.

Obrigado por qualquer ajuda!