Enquire.js  является Javascipt, который воссоздает медиа-запросы CSS для Javascripts. Это означает, что вы можете обернуть ваши Javascripts в Media Queries. (Так же, как вы бы обернули CSS в медиа-запросы).

Я не совсем уверен, как его использовать.Этот урок говорит это:

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

Однако, когда я следую этому, мой код перестает работать.

Вот пример некоторых вкладок Jquery без Enquire.JS. Работает нормально.

Вот те же вкладки, но с добавлением Enquire.JS. Теперь он перестает работать.

Я экспериментировал с различными вариантами кода, но ни один из них не работал. Что я делаю неправильно?

Я думаю, вы могли бы поместить код вкладки Jquery в отдельный файл и затем связать его с файлом из Enquire.Js, но я не уверен, как вы это сделаете. (Хотя было бы удобно узнать, как я себе представляю, это позволит вам сделать ваши сценарии более пригодными для повторного использования).

PS. Это не критика Enquire.Js. Я знаю, что проблема заключается в том, что я не очень хорошо знаю Javascript! Я потратил пару часов на поиски решения, но ничего не смог найти.

Спасибо за любую помощь!