基本 jquery 移动样式不适用于动态添加的列表项

Question

我想使用 jquery-mobile 动态创建列表。我有 ul

<ul data-role="listview" id="bList"></ul>

我正在使用模板向其中动态添加列表项：

<li id="someid" data-wrapperels="div" data-shadow="false" data-icon="false">
    <a href="#">some text</a>
</li>

将li 附加到我正在调用的列表之后

$('#bList').listview('refresh');

这将创建列表并显示出来。但未显示li 的默认 jquery 移动样式。它将只读列表显示为http://jquerymobile.com/demos/1.2.1/docs/lists/lists-readonly.html。

尽管指定了data-wrapperels="div"，但内容也不包含在 div 中。我希望列表显示为 http://jquerymobile.com/demos/1.2.1/docs/lists/lists-ul.html。

我也尝试过显示静态列表，但仍然没有应用样式。 请帮忙。谢谢。

Answer 1

$('#bList').listview('refresh');
$('#bList').trigger("create");