在MDL

Question

我想动态地向表单添加文本输入元素。我使用mdl作为css3框架。我在这个表格中加入了新的元素：

    <form>
  <div id="enter-participant-details-div">
    <div id="1" class="mdl-textfield mdl-textfield--floating-label mdl-js-textfield mdl-cell--6-col">
      <input class="mdl-textfield__input" type="text" name="participant[]" required />
       <label class="mdl-textfield__label">Participant 1</label>
     </div>
  </div>
</form>

我使用以下方法添加新文本元素：

var x = '<div class="mdl-textfield mdl-textfield--floating-label mdl-js-textfield mdl-cell--6-col" style="margin:2px;" >'
      +'  <input class="mdl-textfield__input" type="text" name="participant[]" required />'
      +'  <label class="mdl-textfield__label">Participant 2</label>'
    +'</div>';
$('#enter-participant-details-div').append(x);

当我尝试这样做时，新文本输入的css属性不会改变。

check at =＆gt; https://jsfiddle.net/mr4pswaq/2/

我该怎么做才能让它看起来像第一个文本输入元素？

Answer 1

对于动态创建的元素，您需要手动升级它。

只需添加以下行：

{{1}}