Добавление jquery в yii2

416

25 июля 2017, 18:29

Здравствуйте. Я чет торможу, не могу найти в документации как подключить jquery в Yii2. Как понял, можно подключить в файле AppAsset и это будет выглядеть так.

 public $js = ['//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'];

И после этого смогу выполнять функции и методы jquery? И что нужно будет подключать в файлах вьюхов, чтобы заработал jquery? Признателен за ответ. )

Или будет лучше разместить скаченный jquery в директории web?

Answer 1

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

    <script>
      $(document).ready(function() {
        alert('jQuery работает');
      });
    </script>

Если не сработает, то тогда уже пробуйте подключать через AppAsset

Вот пример моего AppAsset.php

<?php
namespace app\assets;
use yii\web\AssetBundle;
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

Answer 2

Не знаю как на счет AppAsset, но ты можешь в конфигурационном файле (config/web.php) прописать свои пути:

$config = [
    ...
    ...
     'components' => [
        'assetManager' => [
            'bundles' => [
                'yii\web\JqueryAsset' => [
                    'sourcePath' => null,   // do not publish the bundle
                    'js' => [
                        '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js',
                    ]
                ],                
            ],
        ],
    ],
];

или брать из папки своей

'assetManager' => [
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'sourcePath' => null,
            'basePath' => '@webroot',
            'baseUrl' => '@web',
            'js' => [
                'js/jquery.js',
            ]
        ],
    ],
],

Кстати, вот гайд на русском и вообще инструкции на руссоком