使用AJAX和PHP將頁面添加到頁面後刷新jQuery Mobile元素

Question

我有一個PHP腳本，它將呈現數據庫中每個項目的三個表單元素。例如，它的輸出可能是這個樣子：

<!-- Entry 1 --> 
<div data-role="fieldcontain"> 
<label for="1-name"></label> 
<input type="text" name="1-note" id="1-note" data-mini="true" /> 
</div> 
<div data-role="fieldcontain"> 
<label for="1-age"></label> 
<input type="text" name="1-note" id="1-note" data-mini="true" /> 
</div> 
<div data-role="fieldcontain"> 
<label for="1-description"></label> 
<input type="text" name="1-note" id="1-note" data-mini="true" /> 
</div> 

... 

<!-- Entry n --> 
<div data-role="fieldcontain"> 
<label for="n-name"></label> 
<input type="text" name="n-note" id="n-note" data-mini="true" /> 
</div> 
<div data-role="fieldcontain"> 
<label for="n-age"></label> 
<input type="text" name="n-note" id="n-note" data-mini="true" /> 
</div> 
<div data-role="fieldcontain"> 
<label for="n-description"></label> 
<input type="text" name="n-note" id="n-note" data-mini="true" /> 
</div> 

然後在主頁上，我使用Ajax到PHP生成的內容添加到頁面...

$(document).on('pageshow', function(){ 
    $("#menu1").bind("change", function() { 
     $.ajax({ 
      type: "GET", 
      url: "includes/ajax_get_entries.php", 
      data: "table="+$("#menu1").val(), 
      success: function(html) { 
       $("#wrap").html(html).selectmenu('refresh', true); 
      } 
     }); 
    }); 
}); 

...通過將PHP內容的封皮之間：

<div data-role="fieldcontain" id="wrap"></div> 

將它添加到頁面工作正常，但jQuery Mobile的不更新的風格。

我怎樣才能讓它更新風格？

我不能使用添加內容到網站，並隱藏如果使用.show（）和.hide（），因爲我需要我的用戶在我需要使用的表的響應。

Answer 1

您可以在成功回調調用

$("#wrap").trigger('create'); 

。

也看到這個問題jQuery Mobile: Markup Enhancement of dynamically added content