jQuery 移动 : Dynamicly loading content (Forms) via PHP no styles not applying

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');
});

请注意，在将新 HTML 添加到 DOM 后，我使用了 .trigger('create')。

这是一个演示:http://jsfiddle.net/jasper/YTvhF/