Question

我遇到了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”的不同链接。但只有第一次点击才有效，并转到正确的页面，例如第2页？，ID = ID1 返回包含列表视图的页面并点击其他项目，例如/ page2？id = id2，显示的页面是上一个（第一个链接点击的）页面，其中包含id1

这可能是UrlVars表示法的问题？当我使用href =“page.html？id = ....或href =”＃page而没有附加索引时没有问题，listview工作正常。但是用href =“＃page？id = ... dosen't work。听起来像刷新问题？可能与DOM有关？

有什么想法吗？

我很抱歉，我不知道我是否正确解释了这个问题。

谢谢！最诚挚的问候。

Answer 1

尝试以下方法：

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

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

如何使用jquery-mobile listview链接到UrlVars的内页？

1 个答案: