Javascript 动态添加复选框don';看起来不一样

Javascript 动态添加复选框don';看起来不一样,javascript,jquery,dom,material-design,material-design-lite,Javascript,Jquery,Dom,Material Design,Material Design Lite,通过向HTML文件添加mdl复选框元素,我得到以下结果: 没有变化 有什么推荐的方法可以动态添加mdl元素吗 MDL动态地将类添加到组件中。当您动态添加组件时,您需要告诉MDL注册到组件以升级它。 您的问题与密切相关,《入门指南》中有一节介绍了动态添加的元素 您必须将新元素注册到 upgradeElement 无论何时动态添加内容,我都会升级所有内容: function refreshMDL(){ if(typeof componentHandler !=="undefined")

通过向HTML文件添加
mdl复选框
元素,我得到以下结果:

没有变化


有什么推荐的方法可以动态添加
mdl
元素吗

MDL动态地将类添加到组件中。当您动态添加组件时,您需要告诉MDL注册到组件以升级它。
您的问题与

密切相关,《入门指南》中有一节介绍了动态添加的元素

您必须将新元素注册到

upgradeElement

无论何时动态添加内容,我都会升级所有内容:

function refreshMDL(){
    if(typeof componentHandler !=="undefined"){
        componentHandler.upgradeAllRegistered();
    }
}

我在动态添加任何依赖mdl的内容后运行此函数。

动态添加新元素时,需要升级DOM。看看这个问题:你的小提琴没有描述你的问题。我看不出这个小提琴有什么问题。请提供一个可复制的示例。是<代码>componentHandler.upgradeElements($(“#动态复选框”).get()
$(function() {
  $("#dynamic-checkbox").append(html);
)};
upgradeElement
function refreshMDL(){
    if(typeof componentHandler !=="undefined"){
        componentHandler.upgradeAllRegistered();
    }
}