动态填充listview时如何保留jquery mobile样式

我在jquerymobile上工作。目前我正在使用jquery.mobile.1.0.1版本的js和css。我有jquery mobile listview，其中预填充了如下数据：

<ul id="ulstorelist" data-role="listview" data-theme="d" data-divider-theme="d">
<li>Items ToDay</li>
.
.
<li>Item Week</li>
.
.
<li>Item month</li>
.
.
<li>Item 4</li>
.
.
</ul>

今天的项目
.
.
项目周
.
.
项目月
.
.
项目4
.
.

我需要用不同的搜索标准过滤上面的listview，比如user can filter by today、this week、month等。因此，我决定使用jquery ajax调用从我的操作（MVC）中获取数据并生成列表，然后附加到父级ul listview，如

    $(document).ready(function () {
        $('#btnToday').click(function () {
            $.ajax({
                url: '/FieldVisit/GetTodaystores',
                data: {},
                type: 'get',
                success: function (data) {

                    $.each(data, function (k, v) {

                        var g = "<li <a href='#'>>" +
                                "<h3>" + v.CompanyName + "</h3>" +
                                "</a></li>";
                        $("#ulstorelist").append(g);
                        $("#ulstorelist").listview('refresh');
                        $("#ulstorelist").trigger('create');
                    });
                }
            });
        });
});

$（文档）.ready（函数（）{
$（'#btnToday'）。单击（函数（）{
$.ajax({
url:“/FieldVisit/GetTodaystores”，
数据：{}，
键入：“get”，
成功：功能（数据）{
$。每个（数据、函数（k、v）{
var g=“这可能是您的问题：

var g = "<li <a href='#'>>" +

var g=“
”+

…可能应该是：

var g = "<li><a href='#'>" +

var g=“
”+

无效HTML导致各种布局问题的情况并不少见。
可能尝试在$each循环之后调用$（“#ulstorelist”）.listview（'refresh'）。我不确定在触发create之前调用它是否会有问题。
重要提示：使用$（document）。bind（'pageinit'），而不是$（document）。ready（）删除此$（“#ulstorelist”）。触发器（'create'）；这对我很有用