jquery mobile ajax css refresh

Question

Using ajax to render a partial view, then on success need to show new data (which works) but the css is not being applied, ideas?

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

                 });

View

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

Derek · Accepted Answer · 2013-03-02 11:53:00Z

1

You should refresh ul in ajax success but not ajax complete. It is because jquery mobile applys css when the page init, for the data that retrieve dynamically. You have to trigger an event to refresh the UI.

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

edited Mar 2, 2013 at 11:53

answered Mar 2, 2013 at 11:39

Derek

2,7351 gold badge18 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery mobile ajax css refresh

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related