jquery mobile ajax css refresh

Question

Utiliser ajax pour afficher une vue partielle, puis en cas de succès, montrer de nouvelles données (qui fonctionne) mais le css n'est pas appliqué, des idées?

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

       }); 

Voir

<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

Vous devez actualiser ul en ajax succès, mais pas ajax complet. C'est parce que jquery mobile applique css lorsque la page init, pour les données qui récupèrent dynamiquement. Vous devez déclencher un événement pour actualiser l'interface utilisateur.

jQuery Mobile listview ref: http://jquerymobile.com/demos//1.2.0/docs/lists/lists-methods.html

success: function (response) { 
    $('#schedule').html(response); 
    $("#schedule ul").listview(); 
},