jQM Template

by WebSerGe

HTML

<link rel="stylesheet" href="http://jeromeetienne.github.com/jquery-mobile-960/css/jquery-mobile-fluid960.css">
<script src="http://timeago.yarp.com/jquery.timeago.js"></script>
<script src="http://imakewebthings.github.com/jquery-waypoints/waypoints.min.js"></script>
<div data-role="page" id="article-list">
    <div data-role="content">
        <ul data-role="listview" data-theme="c">
        <li><a data-parm="123" href="#article-detail">123</a></li>
        <li><a data-parm="321" href="#article-detail">321</a></li>
        </ul>
    </div>
</div>   

<div data-role="page" id="article-detail">
    <div data-role="content">
        <div id="paramId" data-extParam=""></div>
    </div>
</div>

JavaScript

$("a").on("click", function (event) {

   var parm = $(this).attr("data-parm");
   $('#paramId').attr( 'data-extParam',parm);

});

$("#article-detail").on("pageshow", function onPageShow(e,data){
     alert($('#paramId').attr( 'data-extParam'));
});