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

Question

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

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

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

有没有其他方法可以解决这个不会导致滞后的问题？

Answer 1

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

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