jQuery mobile List-View is not working after adding some jquery code

Question

I am using jquery mobile and I have an array makeArray in jquery and I have created few listview by the values of the array.Everything works fine.But the jquery mobile styled list-view is not shown. Rather it is shown an ordinary list view with no style. This is my code:

$(document).ready(function(){
        var url = "inventory/inventory.json";
        var makeArray = new Array();
        $.getJSON(url, function(data){
            $.each(data, function(index, item){
                if(($.inArray(item.make, makeArray)) == -1){
                    makeArray.push(item.make);
                    $('.upper_case')
                    .append('<li data-icon="list-arrow"> <a href="trade_form.php?='+ item.make +'"><img src="images/car_logo/buick.png" class="ui-li-thumb"/>' + item.make + '</a></li>');
                }
            });
        });
      });

mram888 · Accepted Answer · 2012-11-23 07:06:57Z

4

You need to refresh the listview:

  $('upper_case').listview('refresh');

answered Nov 23, 2012 at 7:06

mram888

5,1275 gold badges36 silver badges59 bronze badges

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

1 Comment

Kaidul Over a year ago

Thanks man! I was becoming frustrated with it.Really stack overflow is awesome for some helpful guys like you :)

Collectives™ on Stack Overflow

jQuery mobile List-View is not working after adding some jquery code

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related