Skip to content

Instantly share code, notes, and snippets.

@Rockncoder

Rockncoder/home.html

Created January 21, 2013 08:32
Show Gist options
  • Save Rockncoder/4584586 to your computer and use it in GitHub Desktop.
Save Rockncoder/4584586 to your computer and use it in GitHub Desktop.
Download ZIP
A simple way to handle PhoneGap/jQueryMobile deviceready issue.
Raw
home.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<script type='text/javascript' src='libs/jquery-1.8.3.js'></script>
<script type='text/javascript' src="js/custom-script.js"></script>
<script type='text/javascript' src="libs/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="cordova-2.2.0.js"></script>
</head>
<body>
<div data-role="page">
<header data-role="header">
<h1>My Title</h1>
</header>
<div>
<h2>Assumes Device is Ready</h2>
</div>
<footer id="footer" data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment