如何在jQuery Mobile中传递值？

在使用PhoneGap时，我创建了一个SQLite数据库，用于存储名称和电话号码以及自动增量ID字段。 我正在使用jQuery Mobile来获取结果并将其显示在listview中，这是代码

function queryDB(tx){ tx.executeSql('SELECT * FROM DEMO',[],querySuccess,errorCB); } function querySuccess(tx,result){ $('#contactList').empty(); $.each(result.rows,function(index){ var row = result.rows.item(index); $('#contactList').append('
'+row['name']+'
Phone '+row['phone']+'
'); }); $("#contactList").listview(); } 

现在我希望当用户点击屏幕上的某个列表元素时，他应该被带到一个新页面。 与此同时，我想将该用户的id传递给新页面，以便我可以使用该ID在DB中保存更多详细信息。 由于我是JQM的新手，我无法弄清楚如何做到这一点

Answer 1

首先需要向所有LI攻击事件

  $('#contactsList li').on("vclick",function(){ //do what you need to do to change the page }); 

您还错过了li内部每个链接上的’data-role =“按钮”’。 我会像这样改变它们：

  $('#contactList').append('
'+row["name"]+'
Phone '+row["phone"]+'
'); 

到底：

  $('#contactsList li').on("vclick",function(){ localStorage.currentId = $('a',this).attr("id"); $.mobile.changePage('myOtherPage.html'); }); 

要从其他页面访问ID：

  var currentId = localStorage.currentId;