无法使.listview（'refresh'）和.trigger（“ updatelayout”）工作

Question

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

我已经在Stack上找到了很多类似的Q / A，但是没有一种解决方案有效。 我尚未实现在jQuery Mobile上找到的整个解决方案，但是我认为这应该仍然有效吗？

我建立清单错误吗？ 我在这里摆弄

// 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中。

更新了JS小提琴

编辑：

您需要调用$('#mylist').listview( "refresh" ); 测试功能内部

新产品