Javascript 动态添加具有jQuery Mobile样式的文本框

我将动态添加一些文本框到我的页面。 它工作得很好，但我得到了标准html文本框。 我想要一个jquery风格的文本框

output += "<li><table><form id='elementForm'><tbody>";
output += "<tr><td><label>" + metaLabel[j] + " </label></td>";
output += "<td><input type='text' name='text-1' id='text-1' value=" + ajaxDataRecordSet.recordset[clicked][testVar] + "></td></tr>"
output += "</tbody></form></table></li>";
$(output).appendTo("#content1");
$('#content1').listview('refresh');

输出+=”
”；
输出+=“”+metaLabel[j]+“”；
输出+=“”
输出+=“
”；
$（输出）。附加到（“#content1”）；
$（'#content1'）。列表视图（'refresh'）；

---

我该怎么做

如果您使用的是

listview

我想您指的是jQuery Mobile？您还需要对任何输入文本字段调用

textinput（）

，以刷新它们：

$("#content1 :text").textinput();

作为缔约国：

此插件将在任何包含文本区域的页面上自动初始化 或上面列出的任何文本输入类型，而不需要 标记中的数据角色属性。但是，如果需要，您可以 直接在任何选择器上调用textinput插件，就像任何选择器一样 jQuery插件

---

如果您使用的是

listview

我想您指的是jQuery Mobile？您还需要对任何输入文本字段调用

textinput（）

，以刷新它们：

$("#content1 :text").textinput();

作为缔约国：

此插件将在任何包含文本区域的页面上自动初始化 或上面列出的任何文本输入类型，而不需要 标记中的数据角色属性。但是，如果需要，您可以 直接在任何选择器上调用textinput插件，就像任何选择器一样 jQuery插件

---

你必须使用

$（'#elementID'）.trigger（“create”）

才能工作。

你必须使用

$（'#elementID'）.trigger（“create”）

才能工作。

我使用的是jquery mobile。我使用的是jquery mobile。工作完美：）谢谢。非常感谢您的帮助。如果它还不存在，您可以根据Vinod的回答对所有新创建的元素调用

.trigger（“create”）

。非常好用：）谢谢。非常感谢。如果它还不存在，您可以根据Vinod的回答对所有新创建的元素调用

.trigger（“create”）

。触发

create

方法初始化listview。在此阶段，listview已经初始化，因此他需要调用

refresh

。触发

create

方法初始化listview。在此阶段，listview已经初始化，因此他需要调用

refresh

。