mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-04-10 09:21:02 +00:00
161f5e6ae3
This makes our include model match the include model on the CDN, and allows devs to make use of mobileinit for debugging some of the samples since that must be set up after jquery.js, but before jquery-mobile.
78 lines
No EOL
3.2 KiB
HTML
Executable file
78 lines
No EOL
3.2 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>jQuery Mobile Framework - Persistent footer demo</title>
|
|
<link rel="stylesheet" href="../../themes/default/" />
|
|
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
|
|
<script type="text/javascript" src="../../js/jquery.js"></script>
|
|
<script type="text/javascript" src="../../js/"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div data-role="page">
|
|
|
|
<div data-role="header" data-position="fixed">
|
|
<h1>Friends</h1>
|
|
<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">
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<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>
|
|
<li><a href="index.html">Avery Johnson</a></li>
|
|
<li data-role="list-divider">B</li>
|
|
<li><a href="index.html">Bob Cabot</a></li>
|
|
<li data-role="list-divider">C</li>
|
|
<li><a href="index.html">Caleb Booth</a></li>
|
|
<li><a href="index.html">Christopher Adams</a></li>
|
|
<li><a href="index.html">Culver James</a></li>
|
|
<li data-role="list-divider">D</li>
|
|
<li><a href="index.html">David Walsh</a></li>
|
|
<li><a href="index.html">Drake Alfred</a></li>
|
|
<li data-role="list-divider">E</li>
|
|
<li><a href="index.html">Elizabeth Bacon</a></li>
|
|
<li><a href="index.html">Emery Parker</a></li>
|
|
<li><a href="index.html">Enid Voldon</a></li>
|
|
<li data-role="list-divider">F</li>
|
|
<li><a href="index.html">Francis Wall</a></li>
|
|
<li data-role="list-divider">G</li>
|
|
<li><a href="index.html">Graham Smith</a></li>
|
|
<li><a href="index.html">Greta Peete</a></li>
|
|
<li data-role="list-divider">H</li>
|
|
<li><a href="index.html">Harvey Walls</a></li>
|
|
<li data-role="list-divider">M</li>
|
|
<li><a href="index.html">Mike Farnsworth</a></li>
|
|
<li><a href="index.html">Murray Vanderbuilt</a></li>
|
|
<li data-role="list-divider">N</li>
|
|
<li><a href="index.html">Nathan Williams</a></li>
|
|
<li data-role="list-divider">P</li>
|
|
<li><a href="index.html">Paul Baker</a></li>
|
|
<li><a href="index.html">Pete Mason</a></li>
|
|
<li data-role="list-divider">R</li>
|
|
<li><a href="index.html">Rod Tarker</a></li>
|
|
<li data-role="list-divider">S</li>
|
|
<li><a href="index.html">Sawyer Wakefield</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div data-role="footer" data-id="foo1" data-position="fixed">
|
|
<div data-role="navbar">
|
|
<ul>
|
|
<li><a href="footer-persist-a.html" class="ui-btn-active">Friends</a></li>
|
|
<li><a href="footer-persist-b.html">Albums</a></li>
|
|
<li><a href="footer-persist-c.html">Emails</a></li>
|
|
</ul>
|
|
</div><!-- /navbar -->
|
|
</div><!-- /footer -->
|
|
</div><!-- /page -->
|
|
|
|
</body>
|
|
</html> |