Почему не подключается JQuery в компоненты шаблона?

Question

[ffshow16]

в js файле компонента шаблона не подключается jquery, выбивает ошибку (Unresolved function or method $()) обычный js работает.
вот код из header.php.

если jquery скрипт вставить в header.php, все работает

<?

    use Bitrix\Main\Page\Asset;


    // CSS;
    Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/js/fancy/jquery.fancybox.min.css');
    Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/bootstrap.min.css');
    Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/fonts/Roboto/stylesheet.min.css');
    Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/fonts/fontawesome/font-awesome.min.css');
    // JS

    CJSCore::Init(array("jquery3"));
    Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/js/fancy/jquery.fancybox.min.js');
    Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/js/myscripts.min.js');

    // HEADERS
    $APPLICATION->ShowHead();
    ?>

Comments

[Роман Грицук]

по умолчанию jQuery не подключается. Подключать его в header - это нормально решение.

[ffshow16]

Роман Грицук, говорю не работает jquery в js файле компонента шаблона. Попробовал создать обычный js файл в папке сайта, в нем jquery работает, не пойму почему не работает в компонентах шаблона

[Роман Грицук]

попробуйте CJSCore::Init(array("jquery"));

[ffshow16]

не работает(

[Adamos]

Возможно, jQuery подключается позже, чем отрабатывают скрипты компонента.
Где-то в Битриксе были настройки собирать все скрипты в кучу - может, это происходит в неудачном порядке или они подключаются только в футере для оптимизации скорости.

[ffshow16]

Adamos, в битриксе ничего с этим не делал(все стандартно, системе 2 дня, ничего не правил), в phpstorme стоит uglifyJS, но из за этого проблем не должно быть, ведь у других оно тоже стоит, и у всех все норм(данную проблему в гугле
нашел всего 1 раз за все время) Почему не работает jquery в скрипте шаблона компонента в Битриксе?
да, проблему решает заключение функции в ready, но без нее как-то можно обойтись?

[Adamos]

ffshow16,

да, проблему решает заключение функции в ready

Если модуль использует jQuery и при этом вызывает его раньше, чем сформирована страница - значит, он написан через жопу.

[ffshow16]

Adamos,
простейший код

$('.top_header_content_menu').click(function(){
    $('.top_header_aside_menu_panel').toggleClass('top_header_aside_menu_panel_show');
    return false;
});

[Adamos]

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