Jquery Mobileでajaxを使用してフォームをロードする

Question

フォームをサイトに表示しようとしていますが、JQMスタイルが失われていますので、フォームを正しく表示するにはどうすればよいですか？私のコードは

<div data-role="page" data-add-back-btn="true" id="events"> 
     <div data-role="header"> 
      <h1 id='heading'></h1> 
      <a href="#" data-rel="back" data-icon="arrow-l">Back</a> 
     </div>  
    <div data-role="content" id="textcontent"></div> 
<li><a href="Javascript:form();">Contact Us</a></li> 

function form() 
{ 
alert("Success"); 
data = data + '<form action="index.html" method="post"><div data-role="fieldcontain"><label for="username">Username<label><input type="text" name="username" id="username"></form></div>' 
$('#textcontent').html(data); 
$('#textcontent').show(); 
} 

の下に呼び出される関数で、フォームが画面に表示されますが、それは任意の助けがされるすべてのjqmスタイリングが大幅にトリックを行う必要がありtrigger('create')を使用して

Answer 1

form()の最後の行に$(".ui-page").trigger("create");を追加します。

Answer 2

を高く評価失います。

function form(){ 
    data = '<form action="index.html" method="post"><div data-role="fieldcontain"><label  for="username">Username<label><input type="text" name="username" id="username"></div></form>'; 
    $('#textcontent').html(data); 
    $('.ui-page').trigger('create'); 
    $('#textcontent').show(); 

} 

あなたは

1. だろう助けるかもしれない他の物事のカップルは、フォームのHTMLエラーが発生しています。あなたのフォームはフォームが閉じる前に閉じる必要があります。すなわち</div></form>はどのようにすべきかです。また、<li>要素は、<ul>または<ol>のいずれかにラップする必要があります。
2. from変数のデータ+を削除します。私はそれが意図されているか分からない。
3. display:noneに設定されたdiv内にフォームを挿入するだけです。トリガー（ '作成'）メソッドは不要です。次に、可視性を表示（）またはトグル（）することができます。