0

在使用 PhoneGap 时,我创建了一个 SQLite 数据库,其中存储了姓名和电话号码以及一个自动递增的 id 字段。我正在使用 jQuery Mobile 来获取结果并将其显示在列表视图中,这是代码

 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('<li><a href="#"><h3 class="ui-li-heading">'+row['name']+'</h3><p class="ui-li-desc">Phone '+row['phone']+'</p></a></li>');


    });


  $("#contactList").listview();

}

现在我希望当用户点击屏幕上的某个列表元素时,他应该被带到一个新页面。除此之外,我想将该用户的 ID 传递到新页面,以便我可以使用该 ID 在数据库中保存更多详细信息。因为我是 JQM 的新手,所以我不知道该怎么做

4

1 回答 1

1

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

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

您还缺少 li 内每个链接上的 'data-role="button"'。我会像这样改变它们:

    $('#contactList').append('<li><a href="#" id='+row['id']+' data-role="button"><h3 class="ui-li-heading">'+row["name"]+'</h3><p class="ui-li-desc">Phone '+row["phone"]+'</p></a></li>');

到底:

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

要从其他页面访问 id:

    var currentId = localStorage.currentId;
于 2012-05-08T09:58:41.033 回答