2

我正在开发 jquery mobile。目前我正在使用 jquery.mobile.1.0.1 版本的 js 和 css。我有带有预填充数据的 jquery 移动列表视图,例如,

<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>

我需要使用不同的搜索条件过滤上述列表视图,例如用户可以按今天、本周、本月等过滤,因此我决定使用 jquery ajax 调用从我的操作(MVC)中获取数据并生成列表,然后附加到父 ul 列表视图,例如,

    $(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');
                    });
                }
            });
        });
});

但是 jquery 移动样式都消失了。但是当我将内联样式编写为 li 时,它工作正常,但我需要 jquery 移动样式。动态生成列表视图项时如何保留 jquery 移动样式。请指导我。

4

2 回答 2

0

可能尝试调用 $("#ulstorelist").listview('refresh'); 在 $each 循环之后。我不确定在触发创建之前调用它是否可能是一个问题。

于 2013-02-09T04:49:45.107 回答
0

这可能是你的问题:

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

...应该是:

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

无效的 HTML 导致各种布局问题的情况并不少见。

于 2013-02-09T02:44:01.400 回答