jQuery Mobile：通過PHP動態加載內容（表單）沒有樣式不適用

Question

• 問題：jQuery Mobile主題不適用於新插入的動態表單。
• 表格正被插入到<div id="formSuccess">中，沒有任何問題。
• 形式是

• 項目使用從PHP腳本生成jquery.mobile-1.0b1 & jQuery的1.6.4

  var jqxhr = $.post("getForm.php", { form: tempVar},  function(data) {$("#formSuccess").page(); 
      $("#formSuccess").html(data); 
      //$("#formSuccess").page("refresh"); 
      // $("#formSuccess").html(data).appendTo("#some_page").trigger("create"); 
  }) 
  

Answer 1

首先，你應該升級到jQuery Mobile的1.0.1 ：http://www.jquerymobile.com/download

要回答你的問題，你需要告訴jQuery Mobile框架你已經更新了DOM，並且你希望它初始化新的內容。你可以做到這一點與.trigger('create')：

var jqxhr = $.post("getForm.php", { form: tempVar }, function(data) { 
    $("#formSuccess").html(data).trigger('create'); 
}); 

通知我用.trigger('create')後我加入了新的HTML到DOM。

這裏是一個演示：http://jsfiddle.net/jasper/YTvhF/