jQuery Mobile 스타일로 동적으로 텍스트 상자 추가하기

Question

동적으로 내 페이지에 텍스트 상자를 추가 할 것입니다. 완벽하게 작동하지만 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'); 

내가 어떻게 할 수 있습니까?

Answer 1

listview을 사용하는 경우 jQuery Mobile을 사용한다고 생각하십니까? documentation for textinput 상태로

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

을 : 당신이 그들을 새로 고침 또한 모든 입력 텍스트 필드에 textinput()를 호출 할 필요가

자동으로 텍스트 영역 또는 중 하나를 포함하는 모든 페이지에 초기화됩니다이 플러그인 마크 업에서 데이터 - 롤 속성에 대한 필요없이 위에 나열된 텍스트 입력 유형. 그러나 필요한 경우, 당신은 직접 그냥 jQuery 플러그인이 작동하도록 $('#elementID').trigger("create")를 사용할 필요가

Answer 2

처럼, 어떤 선택에 TextInput 구성 플러그인을 호출 할 수 있습니다.