Браузеры не видят библиотеку, а через раз и сам js документ

[artem_L]

Помогите пожалуйста, разобраться. С помощью видео-уроков учусь делать интернет-магазин. Но возникла сложность с библиотеками JQuery - браузер их тупо не видит, хотя добавил правильно (вроде). Сайт находиться в интернете http://memorial-kr.com.ua/PrimaVera/oil.php. Просто проплаченный хостинг другого сайта, но не в этом суть. В общем, сейчас я пытаюсь сделать так, что бы по селекторам, при клике на кнопки Вида "сетка" или "список" менялись виды отображения. Код в JS:

$("#style-grid").click(function() {
    
    $("#block-product-list").hide();
    
});



$("#style-list").click(function() {
    
    $("#block-product-grid").hide();
    
});

Да, он не полный. По нему просто должен скрываться блок с инфой, но и он не работал, даже когда консоль не ругалась. Сейчас выдает, что у знак доллара не подписан, не определен.

<script type="text/javascript" src="JavaScript/javaScript.js"></script>
<script type="text/javascript" src="JavaScript/jquery-3.2.1.min.js"></script>

Хотя библиотеки скачаны и добавлены. Вроде все должно работать, но почему то, нихрена не работает. Помогите разобраться - что я делаю не так.

[laimas]

$("#style-grid").click(function() {
$("#block-product-list").hide();
});

$("#style-list").click(function() {
$("#block-product-grid").hide();
});

Это может быть выполнено JQ только после загрузки страницы, готовности DOM. Либо код этот должен быть в конце страницы, либо, если в шапке, то по событию загрузки документа, что определить можно так:

$(function() {
    $("#style-grid").click(function() {
        $("#block-product-list").hide();
    });
    // и т.д. другие определения обработчиков событий
}};

[laimas]

<script type="text/javascript" src="JavaScript/javaScript.js"></script>

Если в этом подключаемом файле код находится, то как было указано выше, только этот файл должен подключаться после jQuery.

[artem_L]

То есть, все функции обернуть в изначальную, без имени, правильно я понял? Где-то читал об этом. Сейчас попробую.

[artem_L]

Профессор, все работает. Поменял местами javaScript и Jquery в подключении в голове и добавил функцию, как Вы посоветовали и все заработало. Спасибо огромное.

[laimas]

То есть, все функции обернуть в изначальную, без имени

Это такой же обработчик события, способов написания у него несколько, $(function() {}), это один из них, более краткий. Все это в документации описано. Читайте доки, а не смотрите мультики. Есть на сайте разработчиков, есть и русские доки, например тут.