jquery - 削除して本文に追加した後にjqueryモバイルがナビゲートしない

Question

私は phoneGap を使用してモバイル アプリケーションを開発しており、内部には単純なページがあります。ユーザーがボタンをクリックすると、サーバーから新しいページが読み込まれます。そのため、changepage を呼び出す代わりに、サーバーからページを読み込むために ajax を使用して追加しました。ユーザーがそれを完了して戻ると、そのページを本文から削除します。しかし、ユーザーがそのボタンをもう一度クリックすると、そのコンテンツをサーバーから再度リロードし（動的コンテンツが多い）、本文とナビゲーションに追加する必要があります。私のプログラムでは、1回目は問題ありませんが、2回目はコンテンツをロードしますが、そのページへのページ変更は機能しません(ボディhtmlをチェックし、ページがそこにあります)。

ajax ロードと appne ソース:

 $.ajax({
        type: 'GET',
        url: pageUrl,
        success: function (result) {
            // alert(result);

            $("body").append(result);
             //alert($("body").html());
            $.mobile.initializePage();


            $.mobile.changePage("#pageloaded",
                { transition: "slide", showLoadMsg: true, changeHash: true });
            alert("done");
        }
    });

ユーザーが戻るとき:

$("#pageloaded").remove();
alert("removed");

サーバーページ:

<div data-role="page"  id="pageloaded"><div data-role="header"><h1>Head</h1></div><div data-role="content">Content</div><div data-role="footer"><h4>Foot</h4></div></div>

アラートは、すべてが正常に行われたことを確認しますが、2 回目の読み込みではナビゲートせず、現在のページにとどまります。

ここで何が問題なのですか？どんな助けでも本当に感謝しています。 注: jquery モバイル バージョン 1.0