material Design Lite不支持jquery ajax请求

Question

我正在用jsp和材料设计生命进行春季启动项目。jquery代码如下所示:

$.get("${pageContext.request.contextPath}/info/getform", function(data){
$("#mainContent").html(data);
}); 
});

材料设计寿命代码如下图

<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="sample3">
<label class="mdl-textfield__label" for="sample3">Text...</label>
</div>
</form>

使用表单执行请求时的显示行为动作属性正常。而请求时用jquery执行ajax请求来后端生成相同的代码。但是文本框正在显示不正常。

材料设计寿命

Answer 1

add "window.componentHandler.upgradeDom();如下所示解决了我的问题

$.get("${pageContext.request.contextPath}/info/getform", function(data){
$("#mainContent").html(data);
window.componentHandler.upgradeDom(); 
}); 
});