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

Question

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

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

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

有没有其他方法可以解决这个问题而不会导致延迟？

Answer 1

在浏览了 Chrome 中的实时 HTML 更新后，我注意到 mdl-buttom 只为波纹效果添加了一个跨度，文本就在它之前。

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