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

Adding dynamically a Textbox with jQuery Mobile style

本文关键字：添加 文本 动态 样式 jQuery Mobile 使用      更新时间：2023-09-26

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

我该怎么做？

如果您使用的是listview，我想您指的是jQuery Mobile？您还需要在任何输入文本字段上调用textinput()来刷新它们：

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

作为文本输入状态的文档：

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

您必须使用$('#elementID').trigger("create")才能使其工作。

相关文章：