MDC按钮波纹根本不会画

编程问答 2022-06-03

问题描述

所以我使用的是不带node.js的MDC（材料设计组件），这意味着我必须像这样导入它：

if (WaitForMultipleObjects(2,lpHandles,TRUE,0) == ___)
{ 
   do stuff
} 
else 
{
    continue
}

因此CSS可以正常工作，我可以使用MDC中的任何类，并且可以完美地工作。

但是JavaScript附加效果存在一些局部问题。 TextField可以正常工作-当我单击它时，文本会移动。但是其他任何JS效果都无效。

<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>

有人知道如何解决此问题吗？我尝试了所有发现的东西。

解决方法

您需要在按钮内添加 mdc-button__ripple 元素：

<button class="mdc-button mdc-button--raised">
  <span class="mdc-button__ripple"></span>
  <span class="mdc-button__label">Grant location permision</span>
</button>
javascriptmdc-componentsripple-effect