This is an update to my post on creating a jQuery Mobile App, as I’ve now recorded a screencast! So check it out here, watch it on youtube, or see the code below the video:
Update: check out my latest screencast on list views in jQuery mobile…click here
<!DOCTYPE html>
<html>
<head>
<title>my first jQuery Mobile App</title>
<link href="jquerymobile.css" rel="stylesheet" />
<script src="jquery.js"></script>
<script src="jquerymobile.js"></script>
</head>
<body>
<section data-role="page" id="page1">
<header data-role="header">
<h1>page 1</h1>
</header>
<div data-role="content">
this is my content<br/>
link to page 2, <a href="#page2">click here</a>
</div>
<footer data-role="footer">
<h1>this is a footer</h1>
</footer>
</section>
<section data-role="page" id="page2">
<header data-role="header">
<h1>page 2</h1>
</header>
<div data-role="content">
and this is more content
</div>
</section>
</body>
</html>
[...] Screencast: Create a Basic jQuery Mobile application [...]