使用MDL动态构建的输入无法正确呈现

时间:2015-08-10 02:47:05

标签: javascript material-design material-design-lite

我有以下代码,

ERROR: ORA-12154: TNS:could not resolve the connect identifier specified

问题是,由于javascript函数已经运行,因此输入未正确设置样式。

我需要调用哪些javascript函数才能使其工作?我试过var loginForm = document.createElement('div'); loginForm.className = 'row'; loginForm.innerHTML = '<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label textfield-demo"><input class="mdl-textfield__input" type="text" id="login" /><label class="mdl-textfield__label" for="login">Username</label></div>'; document.getElementById('page-content').appendChild(loginForm); 但没有改变。

2 个答案:

答案 0 :(得分:8)

您可以使用MDL的升级元素功能。由于您已动态创建了loginForm,因此可以使用

在范围内升级它
    componentHandler.upgradeElement(loginForm);
    //or, componentHandler.upgradeDom(loginForm);
    //however, I suggest using jQuery to upgrade multiple if you are adding more than one
    componentHandler.upgradeElements($('.mdl-textfield').get());

这将获取所有mdl-textfield对象并升级它们(如果之前未升级)

答案 1 :(得分:2)

我一直在挖掘源代码,发现C:\py>python optr_assigment.py<br> **Traceback (most recent call last):<br> File "optr_assigment.py", line 43, in <module><br> aplikasi = DemoOperator()<br> File "optr_assigment.py", line 8, in __in<br> x = raw_input("Masukkan nilai x: ")<br> NameError: name 'raw_input' is not defined** 。运行此功能时,所有动态元素都是固定的。