Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Браузеры не видят библиотеку, а через раз и сам js документ (https://javascript.ru/forum/jquery/70534-brauzery-ne-vidyat-biblioteku-cherez-raz-i-sam-js-dokument.html)

artem_L 13.09.2017 07:18

Браузеры не видят библиотеку, а через раз и сам js документ
 
Помогите пожалуйста, разобраться. С помощью видео-уроков учусь делать интернет-магазин. Но возникла сложность с библиотеками 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 13.09.2017 07:28

Цитата:

Сообщение от artem_L
$("#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 13.09.2017 07:33

Цитата:

Сообщение от artem_L
<script type="text/javascript" src="JavaScript/javaScript.js"></script>

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

artem_L 13.09.2017 07:33

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

artem_L 13.09.2017 07:41

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

laimas 13.09.2017 07:48

Цитата:

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

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


Часовой пояс GMT +3, время: 03:24.