jquery移动传递参数与localStorage和函数绑定

Question

我是Jquerymobile的新来者。

我在pageMain中有一个列表视图，并希望在用户点击它时显示每个列出的项目的详细信息。

我的代码是：

<div data-role="page" id="home">
    <div data-role="content">
        <ul data-role="listview" data-inset="true" id="personList">
            <li><a href="#person" id="Jack" age=20>Jack</a></li>
            <li><a href="#person" id="Sam" age=30>Sam</a></li>
        </ul>          
    </div>
</div>
<div data-role="page" id="person">
    <div data-role="content">
        <div>Name: <div id="myValue">xxx</div>Age: <div id="myAge">xxx</div> </div>   
    </div>
</div>



$("#person").live("pageshow", function onPageShow(e,data){
    //alert("here");
    $("#myValue").text(localStorage.getItem("nameStr"));
    $("#myAge").text(localStorage.getItem("ageStr"));
});

$('#personList li a').live('click', function () {
    //alert("here");
    localStorage.setItem("nameStr",$(this).attr("id"));     
    localStorage.setItem("ageStr",$(this).attr("age"));
});

这是这个jsfiddle

的jsfiddle lick

但它不起作用，任何人都可以帮助我吗？先谢谢！