如何使用jquery-mobile listview通过url链接到内部页面

Question

我有一个问题jquery-mobile listview

将一些内页(#page1， #page2，…)放入同一个html文件中。例如，在#page2中，我有一个jquery listview对象:

<ul id="itemList" data-role="listview"></ul>  

listview的每一项都有一个URL，它是一个内页加上一个在js文件中生成的索引到一个HEAD of html文件。js文件中的一些代码:

$.each(data, function(index, record) {
$('#itemList').append('<li><a href="#page2?id=' +  record.id + '"></a></li>');
});
$('#itemList').listview('refresh');

鼠标在项目上显示不同的链接，每个索引"id"。但是只有第一次点击工作，并前往正确的页面，例如page2?id = id1使用列表视图返回页面并单击另一个项目，例如/page2?Id =id2，显示的页面是id1

的前一个(点击的第一个链接)页面

可能是url符号的问题?当我使用href="page.html?id=....或者href="#page没有额外的索引，没有问题，listview工作正常。但是用href="#page?不工作。听起来像是刷新问题?也许与DOM有关?

任何想法?

对不起，我不知道我是否正确地解释了这个问题。

谢谢!致以最亲切的问候。

Answer 1

尝试如下:

$.each(data, function(index, record) {
    $('#itemList').append('<li><a href="#page2?id=' +  record.id + '">' + record.id + '</a></li>');
});

您不必重复代码，因为您已经在每个函数中循环了相同的部分。