如何使用 JQuery 编辑 MDL 按钮的文本

Question

我目前正在开发一个使用 MDL Lite 的项目，它基本上是我正在构建的设备的控制器。该网页有按钮，全部定义为带波纹的标准 MDL 按钮。

我需要在发生某些事情时更改按钮的文本。然而，问题是，当使用 JQuery 更改按钮的 html 时（特别是显示的文本），涟漪效应消失了。

经过一些研究，我发现 。该解决方案确实有效，但我正好有 29 个按钮，降级然后升级它们每个都会导致很多延迟。

有没有其他不会导致延迟的方法来解决这个问题？

Answer 1

在查看 Chrome 中的实时 HTML 更新后，我注意到 mdl-buttom 只为涟漪效果添加了一个跨度，文本就在它前面。

一个简单快速的解决方法是将按钮的文本更改为 modifying the html before the child element。