Javascript yii2：如何集成AdminBSB主题

我正在使用

yii2

高级框架。我正在为我的布局使用

AdminBSB

主题。但这一错误似乎存在。我试图寻找同样的问题。但我想不出来。以下是我检查时出现的错误：

未捕获的TypeError:jQuery（…）。yiiActiveForm不是函数 在HTMLDocument

有人说我声明了两次

JS

。但是我没有两次声明它，或者因为我的模板，我没有注意到它调用了两次

下面是我如何在我的资产管理器文件中加载javascript

public $js = [
    "plugins/jquery/jquery.min.js",
    "plugins/bootstrap/js/bootstrap.js",
    "plugins/bootstrap-select/js/bootstrap-select.js",
    "plugins/jquery-slimscroll/jquery.slimscroll.js",
    "plugins/node-waves/waves.js",
    "plugins/flot-charts/jquery.flot.js",
    "plugins/jquery-sparkline/jquery.sparkline.js",
    "js/admin.js"
];

---

我有相同的主题，我也面临这个错误，这是因为

yiiActiveForm

在

jquery

文件加载之前就加载了，即使您将修复它将与

bootstrap

js文件冲突，该文件在用户图像下的仪表板中用于下拉菜单。我建议您将

jquery

和

bootstrap

的加载更改为以下内容，您需要对

AppAsset.php

文件进行一些更改

1.从

AppAsset.php

中的

$js

和

$css

数组中删除

bootstrap

和

jquery

链接

2.将

$dependens

数组更新为以下内容

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

'assetManager' => [
            'bundles' => [
                'yii\web\JqueryAsset' => [
                    'sourcePath' => null, 'js' => ['//code.jquery.com/jquery-2.2.4.min.js'],
                ],
                'yii\bootstrap\BootstrapAsset' => [
                    'sourcePath' => null, 'css' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'],
                ],
                'yii\bootstrap\BootstrapPluginAsset' => [
                    'sourcePath' => null, 'js' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'],
                ],
            ],
        ],

3.然后将前端/config/main.php更新为以下内容

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

'assetManager' => [
            'bundles' => [
                'yii\web\JqueryAsset' => [
                    'sourcePath' => null, 'js' => ['//code.jquery.com/jquery-2.2.4.min.js'],
                ],
                'yii\bootstrap\BootstrapAsset' => [
                    'sourcePath' => null, 'css' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'],
                ],
                'yii\bootstrap\BootstrapPluginAsset' => [
                    'sourcePath' => null, 'js' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'],
                ],
            ],
        ],

---

我有相同的主题，我也面临这个错误，这是因为

yiiActiveForm

在

jquery

文件加载之前就加载了，即使您将修复它将与

bootstrap

js文件冲突，该文件在用户图像下的仪表板中用于下拉菜单。我建议您将

jquery

和

bootstrap

的加载更改为以下内容，您需要对

AppAsset.php

文件进行一些更改

1.从

AppAsset.php

中的

$js

和

$css

数组中删除

bootstrap

和

jquery

链接

2.将

$dependens

数组更新为以下内容

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

'assetManager' => [
            'bundles' => [
                'yii\web\JqueryAsset' => [
                    'sourcePath' => null, 'js' => ['//code.jquery.com/jquery-2.2.4.min.js'],
                ],
                'yii\bootstrap\BootstrapAsset' => [
                    'sourcePath' => null, 'css' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'],
                ],
                'yii\bootstrap\BootstrapPluginAsset' => [
                    'sourcePath' => null, 'js' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'],
                ],
            ],
        ],

3.然后将前端/config/main.php更新为以下内容

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

'assetManager' => [
            'bundles' => [
                'yii\web\JqueryAsset' => [
                    'sourcePath' => null, 'js' => ['//code.jquery.com/jquery-2.2.4.min.js'],
                ],
                'yii\bootstrap\BootstrapAsset' => [
                    'sourcePath' => null, 'css' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'],
                ],
                'yii\bootstrap\BootstrapPluginAsset' => [
                    'sourcePath' => null, 'js' => ['//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'],
                ],
            ],
        ],

---

---

如果您在调用jQuery（…）的地方发布一些代码，这会有所帮助。yiiActiveForm我更新了我的问题。感谢您在调用函数的地方添加代码，不，您的资产声明我做的是在我的表单上使用activeform:

然后错误显示您可以尝试注释AppAsset“plugins/jquery/jquery.min.js”中的以下行吗，如果你在调用jQuery（…）的地方发布一些代码，那么即使更改特定表单的id也会有所帮助。yiiActiveForm我更新了我的问题。谢谢你在调用函数的地方添加了一段代码，没有你的资产声明我所做的是在我的表单上使用activeform:

然后错误显示你能试着注释AppAsset“plugins/jquery/jquery.min.js”中的以下行吗，甚至更改特定表单的id？对于@topco'z我不熟悉的操作方法：（，这是我的错，我没有从一开始就修复它。现在我几乎完成了我的项目。我在想，如果在我做你的解决方案时出现更多的错误会怎么样。哈哈，我在我的项目中也遇到了类似的问题，你必须尝试一下，一旦你可以在一个单独的分支中完成它，如果你有git，那么如果它不起作用，你可以丢弃它，但我认为它应该是的我会试试的。谢谢老兄。我会告诉你的，如果我觉得不行的话，他会解决的。有风险吗？因为@topco'z我不熟悉怎么做：（，这是我的错，我没有从一开始就修复它。现在我几乎完成了我的项目。我在想，如果在我做你的解决方案时出现更多的错误会怎么样。哈哈，我在我的项目中也遇到了类似的问题，你必须尝试一下，一旦你可以在一个单独的分支中完成它，如果你有git，那么如果它不起作用，你可以丢弃它，但我认为它应该是的我会试试的。谢谢，老兄。我会告诉你的，如果我觉得不行，他会解决的。