无法让 .listview('refresh') 和 .trigger("updatelayout") 工作

Question

我正在使用 Ajax 检索数据并填充我的列表。但我无法让 jQuery Mobile 添加样式列表所需的类，或刷新列表 如果我进行新搜索（旧结果仍在列表中）。

我在 Stack 上找到了很多类似的 Q/A，但没有一个解决方案有效。我还没有实现整个解决方案found over at jQuery Mobile，但我相信这应该可以工作吗？

我是否建立了错误的列表？ I have a fiddle here

// HTML
<ul id="brandList" class="front" data-role="listview" data-inset="true"></ul>

// JS
var el = Part.mainSearchResult();

$(response.brands).each(function(){
    var brand = $(this)[0];
    var url = '/brand?id=' + brand.id;
    var li = $(el.brand).clone();

    $(li).find('a').prop('href',url);
    $(li).find('a').text(brand.name);
    $('#brandList').append(li);
});

$('#brandList').listview('refresh');
$('#brandList').trigger( "updatelayout");

Answer 1

您的 Fiddle 中的代码有错误，您在 CSS 部分中有 UL。

在 CSS 部分，而不是 HTML：

<ul id="mylist" class="front" data-role="listview" data-inset="true"></ul>

似乎正在工作，并且正在将类添加到 UL。

Updated JS Fiddle

编辑：

你需要在测试函数内部调用$('#mylist').listview( "refresh" );

NEW FIDDLE