Skip to content

Instantly share code, notes, and snippets.

@jrbistuer

jrbistuer/jQueryMobile.html

Last active December 14, 2015 21:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jrbistuer/5150662 to your computer and use it in GitHub Desktop.
Save jrbistuer/5150662 to your computer and use it in GitHub Desktop.
Download ZIP
This is a jQery Mobile layout simple sample
Raw
jQueryMobile.html
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=screen.width; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>jQuery Mobile Layout</title>
<link href="jquerymobile/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" />
<script src="jquerymobile/jquery.js" type="text/javascript"></script>
<script src="jquerymobile/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="cordova-2.5.0.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>jQuery Mobile Layout</h1>
<a href="#page2" data-role="button" data-icon="info">Go to Page #2</a>
</div>
<div data-role="content">
<p>Hello world! This is my Page #1</p>
</div>
<div data-role="footer" data-position="fixed">
<h4>&copy; <a href="http://www.adritah.es" target="_blank">adritah.es</a></h4>
</div>
</div>
<div data-role="page" id="page2" data-add-back-btn="true">
<div data-role="header">
<h1>jQuery Mobile Layout</h1>
</div>
<div data-role="content">
<p>Howdy! You're now in Page #2</p>
<p><a href="#home" data-role="button">Go back home</a></p>
</div>
<div data-role="footer" data-position="fixed">
<h4>&copy; <a href="http://www.adritah.es" target="_blank">adritah.es</a></h4>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment