使用jQuery Mobile样式动态添加文本框

Question

我会在页面中动态添加一些文本框。 它工作得很好，但我得到了标准的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');

我该怎么做？

Answer 1

如果你正在使用listview我认为你的意思是jQuery Mobile？您还需要在任何输入文本字段上调用textinput()来刷新它们：

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

正如documentation for textinput所述：

  

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

Answer 2

您必须使用$('#elementID').trigger("create")才能使其正常运行。