JQuery를 사용하여 MDL 버튼의 텍스트를 편집하는 방법

Question

나는 현재 MDL Lite을 사용하는 프로젝트에서 작업하고 있으며 기본적으로 내가 만들고있는 장치의 컨트롤러입니다. 웹 페이지에는 버튼이 있으며 모두 리플이있는 표준 MDL 버튼으로 정의됩니다.

무언가가 발생하면 버튼의 텍스트를 변경해야합니다. 그러나 문제는 모든 단추가 (특히 표시된 텍스트) html을 변경하는 JQuery를 사용할 때 파급 효과가 사라집니다.

일부 연구 후 this을 발견했습니다. 이 솔루션은 제대로 작동하지만 29 개의 버튼이 있으며 다운 그레이드하면 각각을 업그레이드하면 많은 지연이 발생합니다.

지연을 발생시키지 않는이 문제를 해결할 수있는 다른 방법이 있습니까?

Answer 1

Chrome에서 실시간 HTML 업데이트를 살펴본 결과 mdl-buttom은 리플 효과의 범위를 추가하고 그 바로 앞에 텍스트가있는 것으로 나타났습니다.

간단한 빠른 해결 방법은 단추의 텍스트를 modifying the html before the child element으로 변경하는 것입니다.