0

jqm と phonegap を使用してアプリケーションを開発しています。アプリケーションは、Web サーバーから返された情報に基づいて更新される複数の html ページで構成されます。

私の最初の計画は、アプリケーションが最初にロードされたときに Web サーバーからすべての情報を取得し、他の HTML ページを事前設定して、ユーザーが各ページ間を移動するときにサーバーに接続するのを待つ必要がないようにすることでした。

function onDeviceReady() {

// pre-fetch pages so we can setup the main pages before the user gets to them
$.mobile.loadPage( "page2.html", { showLoadMsg: false } );
$.mobile.loadPage( "page3.html", { showLoadMsg: false } );


// Return JSON from php web server
    ....

// id of div on page2.html - update based on information returned from web server
$("#page2MainDiv").append('<p>hello!!!</p>');

}

2 つの質問があります。

1) 上記のコードが機能しません...エラーは発生しませんが、html が更新されません。どこが間違っているのかわかりません。

2) これは賢明なアプローチですか? 私はモバイルおよび Web 開発に慣れていないため、より良いアプローチがあるかどうかはわかりません。

前もって感謝します

クリス

4

1 に答える 1

0

簡単にするようにしてください。javascriptの代わりに、リンクに単純な「data-prefetch」属性を使用できます。これを読んでみてください：JQuery Mobile Cahce＆Prefetch。データとサブページがあまりない場合は、ページを読み込むことをお勧めします。通常、ユーザーがどのサブページを選択するか、またはユーザーが選択するかどうかはわかりません。この場合、ほとんど、またはすべてのデータをロードしても意味がない場合があります。繰り返しになりますが、アプリが小さく、大量のデータを必要としない場合は、アプローチを使用できます。ただし、私はそれを提案したり、私のアプリで使用したりしません。データの読み込みもユーザーにとってコストがかかる可能性があります。これについて覚えておいてください。

于 2012-09-15T20:58:38.710 に答える