0

使用 ajax 呈现部分视图，然后成功需要显示新数据（哪些有效）但没有应用 css，想法？

$.ajax({
                     url: baseUrl,
                     type: 'GET',
                     data: { date: date },
                     success: function (response) {
                         $('#schedule').html(response);
                     },
                     complete:function() {  $('#listId').listview('refresh');
                     },

                 });

看法

 <ul data-role="listview" data-divider-theme="b" data-inset="true" id="listId">
                    <li data-role="list-divider" role="heading">
                        @Model.AppointmentDate
                    </li>
                    @foreach (var item in Model.Appointments)
                    {
                        <li data-theme="c">
                            <a href="/Schedule/MobileAppointmentEdit/@item.Id" data-transition="slide">
                                @item.StartTime @item.Name
                            </a>
                        </li>
                    }

                </ul>
4

1 回答 1

1

您应该在 ajax 成功但不是 ajax 完成时刷新 ul。这是因为jquery mobile在页面初始化时应用了css，用于动态检索的数据。您必须触发一个事件来刷新 UI。

jQuery Mobile 列表视图参考​​：http: //jquerymobile.com/demos//1.2.0/docs/lists/lists-methods.html

success: function (response) {
   $('#schedule').html(response);
   $("#schedule ul").listview();
},
于 2013-03-02T11:39:54.393 回答