css - 在 Yii2 中使用 bootstrap 材料设计后，波纹效果不起作用

Question

我正在尝试使用本教程在我的 yii2 高级应用程序中使用 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 install arrive --save