Question

我正在使用动态创建的列表。单击列表时，应通过更改其数据主题突出显示该列表。我这样做是为了实现目标：

$('#' + AudioNo).attr('data-theme','b');
$('#' + AudioNo).listview('refresh');

但是列表不刷新且主题不会更改（从e到b）。

使用以下命令还会显示数据主题已更改为“b”，但我无法看到颜色更改的视觉效果：

alert ($('.MainMenu').html() );

知道我做错了吗？

由于

====编辑======

这是列表本身的创建方式：

    mTitle = "My Title";
gHtml +=   '<li data-role=list-divider>' + mTitle + '</li>';
for ( x = 1; x < 10; x++)
{
    gHtml +=   '<li data-icon=arrow-r id="' + x + '" data-theme=""' + '>';
    gHtml +=      '<a name="' + x + '">' + "Title" + x + '</a>';
    gHtml +=   '</li>';

}

$('.MainMenu').empty();
$('.MainMenu').append(gHtml);
$('.MainMenu').listview('refresh');

Answer 1

$('.MainMenu').empty();
var gHtml = "";
var mTitle = 'My Title';
gHtml =  '<li data-role="list-divider">' + mTitle + '</li>';
for ( var x = 1; x < 10; x++)
{
      gHtml +=   '<li data-icon=arrow-r id="' + x + '" data-theme="b">';
      gHtml +=      '<a name="' + x + '">' + 'Title' + x + '</a>';
      gHtml +=   '</li>';

 }                      
 $('.MainMenu').append(gHtml).trigger('create');
 $('.MainMenu').listview('refresh');

Answer 2

您可以使用以下方式刷新任何jQuery移动列表视图：

$('#'+list_id).trigger('create');
$('#'+ list_id).listview('refresh');

您可能希望阅读有关您的问题的conversation。

无法刷新PhoneGap Android应用程序中的listview项目

2 个答案: