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

Question

Мальвина

1с-битрикс

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

Почему в файле компонента шаблона не подключается 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();
    ?>

18 октября 2023 г. 14:57

Ответы на вопрос 1

Похожие вопросы

Answer 1

Возможно, проблема связана с тем, что в Bitrix для работы с JavaScript используется специальный API, а не прямое подключение библиотеки jQuery. 

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

```php
use Bitrix\Main\Page\Asset;

Asset::getInstance()->addJs('https://code.jquery.com/jquery-3.6.0.min.js');
```

Это позволит подключить jQuery и сделать функции $ доступными.