jquery mobile ajax css刷新

Question

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

Answer 1

你應該刷新UL在阿賈克斯成功，但不完全阿賈克斯。這是因爲jquery mobile在頁面init時爲應用動態檢索的數據應用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(); 
},