Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
<title>Header and Footer Demo</title>
<meta name="viewport" content="width=device-width, initialscale=1">
<link rel="stylesheet" href="" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
$(document).bind("pageinit", function(){
// Patch to prevent overwriting <title></title>
$(":jqmData(role='page')").attr("data-title", document.title);
<div data-role="page">
<div data-role="header" data-position="fixed">
<a href="index.html" data-icon="home">Home</a>
<h1>My Header</h1>
<a href="contact.html" data-icon="info">Contact</a>
<div data-role="content">
<a href="#subpage">Go to the sub page...</a>
<div data-role="footer" class="ui-bar" data-position="fixed">
<a href="credits.html">Credits</a>
<a href="contact.html">Contact</a>
<div data-role="page" id="subpage">
<div data-role="header" data-add-back-btn="true" data-back-btn-text = "Return"><h1>Sub Page</h1></div>
<div data-role="content">
<a href="" data-rel="back">Go back...</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.