jQuery Mobile：動的DOM操作でページを更新するには？

Question

私はjQueryのモバイルでページを作成し、動的にコンテンツを追加しようとしました：

$(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をご覧ください。