yii2 视图加载js问题

awake720 的个人博客 / 20 / 0 / 创建于 3年前

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/bootstrap.css',
        'css/cesi.css?20201111',
        'css/bootstrap-select.min.css?r202012'

    ];
    public $js = [
        ['js/jquery-2.1.4.js'  ],
        ['js/bootstrap.min.js' ],
        ['js/echarts.min.js'  ],
        ['js/bootstrap-select.min.js' ]

    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset'
    ];

}

一般默认的js文件会在底部加载
这样的话会导致页面中script中js的错误

解决办法：
就是将js文件在试图头部进行展示

position=>\yii\web\View::POS_HEAD

public $jsOptions = [  
        'position' => \yii\web\View::POS_HEAD,   // 这是设置所有js放置的位置  
    ];

将这段代码放在AppAsset.php文件内部
或者

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/bootstrap.css',
        'css/cesi.css?20201111',
        'css/bootstrap-select.min.css?r202012'

    ];
    //可以调整js加载位置
    public $js = [
        ['js/jquery-2.1.4.js','position' => View::POS_HEAD   ],
        ['js/bootstrap.min.js','position' => View::POS_HEAD  ],
        ['js/echarts.min.js','position' => View::POS_HEAD  ],
        ['js/bootstrap-select.min.js','position' => View::POS_HEAD  ]

    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset'
    ];

}