Question

问题：jQuery Mobile主题不适用于新插入的动态表单。
表单正在插入<div id="formSuccess">，没有任何问题。
表单是从PHP脚本生成的

Project正在使用jquery.mobile-1.0b1＆amp;的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/

jQuery Mobile：通过PHP动态加载内容（表单）没有不适用的样式

1 个答案: