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/