如果稍后添加元素,则mdl js文本字段不起作用

当使用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>');

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

希望你明白我的意思。