Google MDL Lite：我如何以编程方式初始化复选框或切换？

Question

谷歌的材料设计精简框架中的

当我在已经加载后的某个时间将这个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()