navbar
ナビゲーションバーを一度定義する必要があるように、「永続的なツールバー」を実装しようとして います。
参照: http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html
data-id="the same"
(各ページで定義する必要があります)
最初に私は自分の開発にまっすぐ入れましたが、うまくいきませんでした.単純なケースでもうまくいかないように見えるので、あらゆる種類の組み合わせを試しました.
次のコードの幅が間違っている可能性があるのは何ですか? Navivagtion は 2 番目のページにつながりますが、そこにはツールバーはありません。
コード:
<body>
<div data-role="page" id="page" data-id="stHedaer>
<div data-role="header">
<h1>Page One</h1>
<div data-role="navbar" data-position="fixed">
<ul>
<li><a href="#p2">page2</a></li>
<li><a href="#p3">page3</a></li>
</ul>
</div>
</div>
<div data-role="content"> Page one </div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="p2" data-id="stHedaer">
<div data-role="header" >
<h1>Page Two</h1>
</div>
<div data-role="content"> Content </div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
<div data-role="page" id="p3" data-id="stHedaer" >
<div data-role="header">
<h1>Page Three</h1>
</div>
<div data-role="content"> Content </div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
</body>