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/