jQuery 移动 CSS : Why aren't my items styled properly?

Question

我的 jQuery 页面中有一个 ListView ，当通过它加载数据时，我会动态地向其中添加内容。 “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');