在Yii2中使用自举材料设计后，波纹效果不起作用

Question

我试图在我的yii2高级应用中使用this tutorial来使用Material Ripple。

在Test.html按钮中，效果和涟漪效果正常，但在我的Yii2应用中，图书馆没有任何涟漪效应。

这是我的css和其他文件：

材料资产：

<?php
/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class MaterialAsset extends AssetBundle
{
    public $sourcePath = '@themes/material';
    public $baseUrl = '@web';
    public $css = [
        'css/material.min.css',
        'css/material-fullpalette.min.css',
        'css/ripples.min.css',
        'css/roboto.min.css',
        'css/site.css'
    ];
    public $js = [
        'js/material.min.js',
        'js/ripples.min.js',
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

如何解决这个问题？

Answer 1

在视图中使用此行修复：

$this->registerJs("$.material.init()");

感谢Yii Irc家伙。

Answer 2

如果您添加了所有必需的css和js，但它仍然无效。您可能想在arrive.js

之前加载material-design.js

使用bower bower install arrive --save

进行安装