jQuery Forum

I am using SPRY for creating a list from an xml file. On the desktop, everything works smooth. As soon the project gets compiled in phonegap, the list does not get rendered smooth on iPad 2 or iPhone 4 (both iOS 5.0.1).

Only the first part is visible. When I touch scroll, the next part of the list gets rendered (very slow). When I reach the end of the list and scroll up, the same happens again.

1. <ul data-role="listview" spry:region="species">
2. <li spry:repeat="species" spry:setrow="species"><a href="#details"><img class="ui-li-icon" src="include_css/images/{recommendation}icon.png">{common_name}</a></li>
3. </ul>

I don't understand what the problem could be. I think, it can't be a device memory problem. I mean, I am playing 3D ego shooter with a lot of graphic rendering on my iPad. Then, the device should not have a problem with rendering a list with 50 entries. right?