xb520ml 2015-05-28 09:52:23 10916次浏览 5条评论 7 7 0

前两天终于搞清楚yii2的js文件怎么引入问题。开始用的是手册里面的脚本注册,有时候还会出现引入的JS在尾部的问题。所以来分享一下资源包注册。拿引入jquery来说
打开你的框架目录下assets文件夹(这就是你所有注册文件存放的文件夹,里面的AppAsset文件就是一个注册的CSS文件)
假设我要引入一个名称为myjquery.js弹出框的脚本,到我的项目中,注册文件起名 MyjqueryAssets ,那么我的注册文件就如下:

use yii\web\AssetBundle;
class MyjqueryAsset extends AssetBundle
{
    public $sourcePath = '@app/assets/public';  
    //这里是你所要引入脚本或者CSS的存放的文件。我的存放在assets下的public文件夹下。如果你的资源文件放在web下这里就要换成$basePath,弄清$basePath,$baseUrl,$sourcePath这三个的含义就懂了
    public $js = [
        'js/myjquery.js',
    ];
    public $css = []; //这是引入css的,这里没有,可以不写。
    
   public $depends = [  //这是依赖。如果你的脚本没有依赖,则不用写
        'yii\web\JqueryAsset', 
    //因为我的myjquery.js脚本肯定是要依赖jquery.js或者jquery.min.js等等这些来js才能完成的。你打开JqueryAsset文件就可以看到他自己本身依赖的是bower/jquery/dist/jquery.js文件。(可以理解成我的myjquery.js是我的方法,而依赖是我要实现方法引入的jquery文件)。

view视图页面引入即可,保证不会出现加载在底部的问题
MyjqueryAsset::register($this);

本人新手,有不对的地方还请大神指出。

觉得很赞
您需要登录后才可以评论。登录 | 立即注册