在动态列表视图中显示所选项目

时间:2013-04-01 23:00:31

标签: listview jquery-mobile selection

我有一个从ajax调用填充的列表视图。列表中的项目设置为调用js函数onclick,这将更新页面上的另一个列表视图。我想保持第一个listview所选项的突出显示状态,直到用户选择列表中的另一个项。我已经尝试将单击处理程序添加到列表项('li a:first')的锚点,并将我的主题的ui-btn-down类添加到li但是在我的iPad上不起作用。我希望有一个聪明的方法来做到这一点,我太累了,无法想到。

感谢任何帮助。

谢谢!

1 个答案:

答案 0 :(得分:2)

昨天有一个类似的问题,我给出了如下解决方案。

$('#listAddr li').bind('click', function () {
    $('#listAddr li').attr("data-theme", "c").removeClass("ui-btn-up-b").removeClass('ui-btn-hover-b').addClass("ui-btn-up-c").addClass('ui-btn-hover-c');
    $(this).attr("data-theme", "b").removeClass("ui-btn-up-c").removeClass('ui-btn-hover-c').addClass("ui-btn-up-b").addClass('ui-btn-hover-b');
});

基本上它会更改主题并删除/添加相关的类。

您可以查看有关此 Live fiddle

的示例