1

PhoneGapdata-role='page'の複数のページ ファイルの代わりに、すべての html を含む 1 つのページと属性が設定された div 要素を使用する重要な理由はありますか?

index.htmlプライマリ ロード ファイルを作成したときに正しく動作するセカンダリ ページ (つまり からリンク) のコードに問題があるようです。

私がこれを尋ねている理由は、すべてのページに共通のすべてのインクルードと js を含む共通ヘッダーなど、再利用可能なコードを簡単にインポートできないため、DRY原則を順守できないためです。

ページのすべてのセクションのすべてのインクルードを含む大きなページは少しやり過ぎのように見えるので、あるページから別のページに移行するときに追加の js ファイルをインポートするような中間の何かが適切であると想定しています。ローカルファイルシステムからすべてロードされた場合、ロード時間は1回の「ビッグロード」を実行するのに十分な速さです

4

3 に答える 3

2

おそらくできることは、index.html次のようなすべてのページのベアボーン HTML を含むファイルを用意することです。

<!-- Start of second page -->
<div data-role="page" id="second">
</div><!-- /page -->
<!-- Start of third page -->
<div data-role="page" id="third">
</div><!-- /page -->

したがって、クライアントがハッシュ URL を含むページをロードするたび#thirdに、3 番目のページに転送されます。おそらく、ページがDOMにロードされると、ページを構築するAJAXリクエストをトリガーできます。

于 2012-10-23T07:42:01.893 に答える
0

各ページのメインコンテンツを個別のhtmlファイルに保存する必要があります。次に、jQuery Mobileのajax呼び出しを使用して、これらの各テンプレートファイルを取得できます。http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-navmodel.htmlをチェックしてください

于 2012-10-21T20:24:13.080 に答える
0

すべてのページに 1 つの html ファイルを使用する正当な理由は、たとえば、テンプレート エンジンを使用できることです。
開始時にすべてのページを作成および初期化できます。

于 2012-10-21T20:05:56.040 に答える