Jquery 如果稍后添加元素，则mdl js textfield不起作用

当使用MDL（material design lite）时，如果在页面完全加载后使用JS创建文本字段，则文本字段不起作用

例如：

$('.container').append('<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-layout--padding-bottom-0">' +
        '<input class="mdl-textfield__input" type="text" id="#ssid" name="ssid" required>' + 
        '<label class="mdl-textfield__label" for="ssid">SSID</label>' + 
    '</div>');

$（'.container'）。追加（''+
'' + 
“SSID”+
'');

将textfield代码附加到容器后，一切看起来都很好。但是单击文本字段不会使标签浮动，文本字段周围将显示正常的光晕

---

希望你明白我的意思。

这里有两个问题

首先，当您在代码中添加元素时，您需要让MDL库通过调用upgradeDom来更新Dom

componentHandler.upgradeDom(gridHolder);

如果这不起作用，我发现使用javascript生成动态元素确实会更新DOM，而且似乎一切都正常，而使用JQuery却没有

---

请看我在哪里遇到了类似的问题，其中包括用于生成元素的JavaScript代码。

谢谢。这对我帮助很大。