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

【问题标题】：Ripple effect does not work after using bootstrap material design for in Yii2在 Yii2 中使用 bootstrap 材料设计后，波纹效果不起作用
【发布时间】：2016-02-12 15:22:16
【问题描述】：

我正在尝试使用this tutorial 在我的 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',
    ];
}

如何解决这个问题？

【问题讨论】：

首先，您只需要material.min.css 或material-fullpalette.min.css，而不是两者都需要。其次，您没有显示任何生成的 html。尝试创建一个 sn-p with this codepen 来确定您自己的问题，或者我们可以进一步提供帮助。第三，一定要下载最新的发行版，更新很快！

标签： css twitter-bootstrap material-design yii2-advanced-app bootstrap-material-design

【解决方案1】：

在视图中使用此行修复：

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

感谢 Yii Irc 伙计们。

【讨论】：

【解决方案2】：

如果您添加了所有必要的css 和js，但它仍然不起作用。您可能想在material-design.js 之前加载arrive.js

使用凉亭bower install arrive --save安装

【讨论】：