Mobile Jquery(I) Creating-a-website-using-jquery-mobile

Mobile Jquery(I) Creating-a-website-using-jquery-mobile

1. Part One Manage my page layout
<link rel="stylesheet" href="../components/jquerymobile/jquery.mobile-1.0a4.1.css" />
<script src="../components/jquery/jquery-1.6.js"></script>
<script src="../components/jquerymobile/jquery.mobile-1.0a4.1.js"></script>

<div data-role="page">
<div data-role="header">
<div data-role="content">
<div data-role="footer">
<ul data-role="listview" data-inset="true">

2. Part Two manage the list View
<ul data-role="listview" data-inset="true">
<li class="list-item-speaker">
<div class="list-item-content-speaker">
<img src="img/placeholder-2.png" class="thumb-speaker-small" />
<h3>
Speaker A</h3>
<p>
Short introduction of Speaker A</p>
</div>
</li>
</ul>

references:
http://miamicoder.com/2011/creating-a-website-using-jquery-mobile-part1
http://miamicoder.com/2011/creating-a-website-using-jquery-mobile-part-2
http://miamicoder.com/2011/creating-a-website-using-jquery-mobile-part-3

http://jquerymobile.com/demos/1.0a4.1/
http://jquerymobile.com/