4

現在、jqueryモバイルフレームワークを使用してphonegapアプリを作成しています。

私はこのように複数のページを持っています：

  • index.html（グローバルレイアウト）
  • home.html（ホームページ）
  • settings.html（設定ページ）
  • ..。

すべてのページにナビゲーションバーを配置し、すべてのページ（ホーム、設定など）に複製せずに保持したいのですが、なぜそれができないのかわかりません（header.htmlを含める？またはナビゲーションバーを設定するなど）。グローバルレイアウトで？）。ページ間のリンクを使用してアプリを閲覧します

<a href="home.html" data-transition="slide">Home</a>

ナビゲーションバーを維持するにはどうすればよいですか？

ありがとう、

4

2 に答える 2

6

この投稿を試してみてください。共通のHTMLファイルを形成するすべてのページに共通のフッターが追加されます。

$('[data-role=page]').live('pageshow', function (event, ui) {
     $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){
           $("#" + event.target.id).find("[data-role=navbar]").navbar()
     });
});

詳細については、この投稿を参照してください-異なるページのJquery Mobile Same Footer

于 2012-06-26T04:16:54.833 に答える
1

各でnavbar要素を繰り返す必要がありますdata-role="page"。このようなJsフィドルワークアウト

または、dhavalによって提案されているように、ajaxを介してすべてのページに挿入します。ただし、タブが多数ある場合を除いて、多くは得られません。

Jsフィドルワークアウト

于 2012-06-26T04:16:31.513 に答える