0

我对 jquery-mobile listview 有疑问。

我将一些内页（#page1、#page2、..）放入同一个 html 文件中。例如在#page2 中，我有一个 jquery listview 对象：

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

listview 的每一项都有一个 URL，它是内页加上在 js 文件中生成的索引到 html 文件的 HEAD。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 的页面

这可能是 UrlVars 符号的问题？当我使用 href="page.html?id=.... 或 href="#page 没有附加索引时没有问题，并且 listview 工作正常。但是使用 href="#page?id=... 不起作用。听起来像是刷新问题？可能与 DOM 有关？

任何想法？

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

谢谢！此致。

4

1 回答 1

0

尝试以下操作：

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

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

于 2013-05-21T18:34:33.413 回答