Link to next page from listview item
Description
The following code shows how to link to next page from listview item.
Example
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script type="text/javascript"
src="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.js"></script>
<link rel="stylesheet" type="text/css"
href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.css">
</head><!--from ww w. ja v a2 s . c o m-->
<body>
<div data-role="page" data-theme="b">
<div data-role="header">
<h1>Header</h1>
</div>
<ul data-role="listview">
<li><a href="#glug">Welcome to MEET</a></li>
<li><a href="#">New trends in CS</a></li>
<li><a href="#">About Me</a></li>
</ul>
</div>
<div id="glug" data-role="page" data-theme="b">
<div data-role="header">
<h1>Title</h1>
</div>
<div>
<div class="lcontainer">
<img src="http://placehold.it/100x100">
<div>
<a href="#" data-rel="back" data-role="button" data-inline=true
data-direction="reverse">Back</a>
</div>
</div>
<div class="productData">
Message
<div>
<b>At 04:00 PM</b>
</div>
</div>
</div>
</div>
</body>
</html>