jQuery Mobile：如何使用动态DOM操作刷新页面？

Question

我创建了一个页面，jQuery Mobile的，并尝试添加动态内容：

$(function() { 

     $("#deviceTarget").sortable({ 
      revert: true 
     }); 

     $("body > div[data-role='page']").append($("<div data-role='header' data-theme='a' data-position='fixed'><h1>Header</h1></div>")); 
     $("body > div[data-role='page']").append($("<div data-role='footer' data-theme='a' data-position='fixed'><h1>Footer</h1></div>")); 
     $.mobile.activePage.trigger("create"); 

    }); 

    $(document).bind('mobileinit',function(){ 
     $.mobile.defaultPageTransition = 'none'; 
     $.mobile.selectmenu.prototype.options.nativeMenu = false; 
     }); 

    function refreshPage() { 
     $.mobile.activePage.trigger("create"); 
    } 

，但我得到了result（图像）。

我想获得result（图片）。

我该怎么办？

谢谢。

Answer 1

所有你需要做的就是刷新页面

不知道这个代码：

$.mobile.activePage.trigger("refresh"); 

但它应该工作。否则看看这个jquerymobile.com article。