Не работает Js

[Евгений_SB]

Ребят здравствуйте есть простой код  подключенный в отдельном файле

(function($) {
    $(document).ready(function(){
        $('.bxslider').bxSlider();
    });
})(jQuery);

Вопрос: можно ли такой код выносить в отдельный файл? или обязательно вставлять в тело HTML документа

код вынесен в файл main.js

так как код не работает, и выдает ошибку ReferenceError: jQuery is not defined
я так понимаю что  JS не подключен?

в HTML  все прописано

хосты фото

Edited August 11, 2017 by Евгений_SB

[Switch74]

выносить код в main.js можно
судя по сообщению jquery не подключился
но было бы не плохо глянуть на на рабочий пример с ошибкой т.к. jquery вроде как подключается
 

[Евгений_SB]

вот сам шаблон

хранение фото

хотя браузер выдает ошибку о том что js  не  подключен

Все разобрался  не было указано (http:)  у //ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js

так все работает http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js

Edited August 11, 2017 by Евгений_SB

[Switch74]

хм... у меня без указания http все работало

[andrey7287]

Правильно не было указанно, протоколы cdn как правило проставляются автоматически ( http: && https: ). А вы открываете файл в браузере и получаете file: в качестве протокола.

[Николя223]

В 11.08.2017 в 13:04, Евгений_SB сказал:

код вынесен в файл main.js

это проще делается

jQuery(function($){
    $('.bxslider').bxSlider();
 });