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を成功させるにはulを更新する必要がありますが、ajaxを完全に更新することはできません。これは、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 に答える