jQuery Mobile CSS：为什么我的项目样式不正确？

Question

我的 jQuery 页面中有一个列表视图，当通过加载数据时，我会动态地向其中添加内容。 'sometext' 是我在页面第一次绘制后下载的。

listString =  '<li><a href="#">'+sometext+'</a></li>';
            $("#friends_list_view ul").append(listString);

HTML 是：

<div data-role="content" data-theme="b">

    <div id="friends_list_view" class="content-primary" data-theme="b"> 
        <ul data-role="listview" data-filter="true">
        <li><a href="#">TEST</a></li>

        </ul>
    </div>  
</div>

所以最初加载页面时我没有列表项，然后我将它们推入。 但是当我这样做时，它不会根据我的样式表设置样式。该控件仍然有效，即数据过滤器能够正确搜索，但列表元素看起来像超链接，而它们应该看起来像样式按钮。正如预期的那样，'TEST' li 样式正确。

如何修复它以使其样式正确？或者，我在此过程中是否做错了什么？

对不起我的菜鸟:)

Answer 1

查看文档here。检查底部以更新列表。

您需要执行以下操作：

$("#friends_list_view ul").listview('refresh');