Question

I want to populate list of items, which are coming in “data jsonp” format in a listview. I am using jquery mobile and phonegap. I have tried all possibles but instead of coming in listview, data is coming in simple format. I am using “jquery.mobile-1.0.1.min.css” and “jquery.mobile-1.0.1.min.js”.
please help.

It would be great if someone provide some working examples.

thanks ..

Answer 1

In order for the data to be presented in enhanced jQuery mobile format you need to

1. Add the data to the DOM in list format, with a data-role="listview" attribute

   <ul id="listContainer" data-role="listview">
       <li>Item 1</li>
       <li>Item 2</li>
       <li>Item 3</li>
   </ul>
   

   (you can have the </ul> already present in the DOM, and add the items from the JSON list within it)

2. Enhance the content with jQuery mobile, with $("#listContainer").listview("refresh");

You can see the example here