Google MDL Lite：如何以编程方式初始化复选框或开关？

Question

在 google 的 material design lite framework 当我加载这个 HTML 到页面后的某个时候它已经加载时，我没有像我一样看到漂亮的小开关如果这个 HTML 在加载库之前存在。

https://getmdl.io/components/index.html#toggles-section

<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
  <input type="checkbox" id="switch-1" class="mdl-switch__input" checked>
  <span class="mdl-switch__label"></span>
</label>

有没有函数可以运行在元素出现时对其进行初始化？我已经搜索了几个小时，但失败是我唯一的结果:(

Answer 1

通过阅读 .js 文件了解如何更新 registered 组件。

componentHandler.upgradeAllRegistered()

Google MDL Lite：如何以编程方式初始化复选框或开关？

Google MDL Lite : How can I progmmatically init a checkbox or switch?

javascript

html

material-design-lite