使用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狀態：

這個插件會自動包含一個文本 或任何的任何頁面上初始化文本輸入類型，而不需要標記中的 數據角色屬性。然而，如果需要的話，您可以直接 調用上的任何選擇將TextInput插件，就像任何 jQuery插件

Answer 2

你必須使用$('#elementID').trigger("create")，使其工作。