Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-21 21:01:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

edits to persist pages

Browse source
This commit is contained in:
scottjehl 2010-10-15 20:15:49 -04:00
parent 8a140d1de2
commit 5de857d6be
3 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
docs/toolbars/footer-persist-a.html
View file

@ -10,20 +10,18 @@
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Fixed Header</h1>
<h1>Friends</h1>
<a href="index.html" data-icon="arrow-l">Back</a>
<a href="../forms/forms-all.html" data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Options</a>
</div>
<div data-role="content">
<div class="ui-body">
<h2>Friends</h2>
<p>This page is a demo of a persistent footer navigation bar. At the foot of the page, you'll see a persistent horizontal navigation bar. Click on any of the links, and you'll see the page content transition but the footer remain fixed: The footer sticks persistently even when transitioning to a new HTML page, because the footer on all four HTML pages has the same <code>data-id</code> attribute. </p>
</div>
<ul data-role="listview" data-dividertheme="d">
<ul data-role="listview" data-dividertheme="d" style="margin-top: 0;">
<li data-role="list-divider">A</li>
<li><a href="index.html">Adam Kinkaid</a></li>
<li><a href="index.html">Alex Wickerham</a></li>

2
docs/toolbars/footer-persist-b.html
View file

@ -10,7 +10,7 @@
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Fixed Header</h1>
<h1>Albums</h1>
<a href="index.html" data-icon="arrow-l">Back</a>
<a href="../forms/forms-all.html" data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Options</a>
</div>

2
docs/toolbars/footer-persist-c.html
View file

@ -10,7 +10,7 @@
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Fixed Header</h1>
<h1>Inbox</h1>
<a href="index.html" data-icon="arrow-l">Back</a>
<a href="../forms/forms-all.html" data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Options</a>
</div>