Почему jQuery не работает на страницах, кроме главной страницы

Question

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

Под-навигационное меню на главной странице отлично работает https://staging-of-thrive-work-wear.myshopify.com/

Тем не менее, когда вы go переходите на любую другую страницу, суб-навигация не работает. https://staging-of-thrive-work-wear.myshopify.com/products/denim-jean-knee-pad-pants.

Я пытался добавить jQuery к самой странице через вкладку консоли, но, похоже, она не работает вообще. Почти как если бы jQuery отключен. Но я никогда не видел и не слышал об этом раньше.

Опять же, извините, я не могу получить код только для суб-навигации, потому что тогда я не смог бы повторить ошибку , И я не уверен, что это jQuery. Все, что я знаю, - то, что это не работает, и любая помощь ценится. Заранее спасибо!

Answer 1

Глядя на домашнюю страницу, этот код загружается для выполнения раскрывающегося списка подменю:

. js

$('#navbarDropdown').click(function(event) {
  $('#products-dropdown').toggleClass('show');
});


// PRO
$('#pro').click(function(event) {
  $('#pro-dropdown').toggleClass('show-subnav');
});
// toggles plus/minus sign
$('#pro').click(function(event) {
  $('#pro').toggleClass('active');
});
// closes other tab if open
$('#pro').click(function(event) {
  $('#core-dropdown').removeClass('show-subnav');
});
// removes plus sign if open
$('#pro').click(function(event) {
  $('#core').removeClass('active');
});

// CORE
$('#core').click(function(event) {
$('#core-dropdown').toggleClass('show-subnav');
});
$('#core').click(function(event) {
$('#core').toggleClass('active');
});
$('#core').click(function(event) {
$('#pro-dropdown').removeClass('show-subnav');
});
$('#core').click(function(event) {
$('#pro').removeClass('active');
});

Но вы не загружая его на любые другие страницы, чтобы он не работал. Это совсем не проблема jQuery, узнайте, как загрузить этот скрипт на все ваши страницы.

Вот рисунок, показывающий, как можно определить, где подключены прослушиватели событий и какие файлы запущены. их.

Домашняя страница

Обратите внимание, что файл выпадающий. js загружен здесь, предоставляя вам необходимую функциональность:

Любая другая страница

Обратите внимание, что к подменю и файлу не прикреплен прослушиватель событий bootstrap выпадающий. js загружен, но не обязательный выпадающий. js: