json - JqueryMobileのプリロードページ

Question

jquery mobileに問題があります。ページを読み込むと、公開されたAPIからJSon形式でデータを取得し、解析してから、データをDOMに挿入してページを表示しますが、ページに次のように表示されます。次に、データの解析中に2〜4秒が経過し、データがページに挿入されますが、視覚的にはまったく満足のいくものではなく、pageChangeアニメーションが起動する前にDOMをプリロードしてJSONを解析する方法を考えています。 。

Answer 1

JQuery Mobileで動的に生成されたページを処理する適切な方法は、ページ取得をドキュメントのbeforepagechangeイベントにバインドすることです。ページが取得されると、適切な変更ページに進むことができます。

たとえば、getPageFromAPI関数を使用して、URL「newPageURL」でアクセスされたページの完全なJqueryオブジェクトを取得します。

$(document).bind( "pagebeforechange", function( e, data ) {
    if ( (typeof data.toPage === "string") && (data.toPage == "newPageURL")  ) {
        e.preventDefault();    //to make sure we prevent standard page change
        getPageFromAPI({success: function (newPage) {
                $.mobile.changePage(newPage)
            }
        });
    }
});