phonegap/jQuery-Mobile アプリケーションを作成しています。私は、Google ブック API から動的にリストを作成し、著者名や本のタイトルなどのユーザー入力を深めています。ユーザーがリスト項目の 1 つをクリックすると、新しいページが表示され、書籍の詳細と書籍に関するその他のオプションが表示されます。
リストビューは、サムネイルとリンク (詳細ページへ) を含むリストビューです。私の質問は、動的ページを生成し、ここで述べたようにコンテナーに追加する必要があるかどうかです。
または、ページ テンプレートを作成し、ユーザーがアイテムの 1 つをクリックするたびに、そのページを使用する必要がありますか?
コードやコンセプトのアイデアは大歓迎です...
テンプレート ページを作成し、その上にコンテンツをロードする必要があると思います。ajax リクエストを使用して、必要なすべての情報を取得し、テンプレートに配置します。
リンクに触れるたびに、たとえば template.html に進みます。template.js もあります。template.js では、ajax 要求を作成し、応答を解析して、たとえば適切な場所にタイトルを配置します。これはresponseXMLの例です
if (xmlHttpRequest.responseXML)
{
var title = $(xmlHttpRequest.responseXML).find("title");
$(title).html(title);
}
これがお役に立てば幸いです;）
これは複雑な問題であり、複数の要因に依存します。通常、すべてを動的に作成することをお勧めしますが、Phonegap は別のものです。
jQuery Mobile は、さまざまな HTML5 プラットフォームで動作するように作成されており、デスクトップでも携帯電話のブラウザーでもかまいません。あなたが読んだ記事はこれに基づいて書かれています。残念ながら、jQuery Mobile は携帯電話での実行に最適化されていません。これが最初の問題です。フルページの作成/再作成はデスクトップ ブラウザーでは問題なく機能しますが、モバイル ブラウザーでは状況がまったく異なります。携帯電話は、jQuery の実行がデスクトップ ブラウザーよりも 10 ～ 20 倍遅く、言うまでもなく、Phonegap はさらに遅くなります。
ページが動的に作成される場合、約 650 ミリ秒のプロセスであり、それでもこれはライト ページに基づくベンチマークです。作成したいのは、ユーザーが何かを検索するたびに、新しいページ内に動的に作成されたリストビューです。これを行うには時間がかかり、アプリの使いやすさが失われます。ユーザーがこのアプリをネイティブのエクスペリエンスとはかけ離れていることは言うまでもありません。
そのため、jQuery Mobile と Phonegap を操作するとき、またはモバイル ブラウザーで jQuery Mobile だけを操作するときは、常にテンプレートを使用する必要があります。
jQuery Mobile アプリで動的コンテンツを作成するために必要な記事があるので、こちらをご覧ください。
あなたの質問をさらに進めましょう。テンプレートを使用する場合は、ページのコンテンツを制限する必要があります。Google サービスからデータを取得する場合、最初の 50 件の結果のみを表示することをお勧めします。これを超えると、ユーザーはデータが表示されるまで 1 ～ 2 秒以上待つ必要があります。さらに一歩進んで、ページネーション システムを実装します。
基本的に、テンプレートエンジンを使用するか、自分で行うかによってすべてが決まります。これをテストすることをお勧めします。前述したように、Phonegap と jQuery Mobile の組み合わせは低速であり、アプリケーションに最適化されたソリューションを見つける必要があります。そのため、マニュアル ページの作成が一部のテンプレート エンジンよりも高速であっても驚かないでください。