问题描述
所以我使用的是不带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>