jQuery Forum

for an iphone application (compiled by phonegap), i dont want to use a serverside technology. So I am using a XML file as datasource. So I do a data binding plus repeating data regions. The data sets need a link to the detail page with more information about the specific enty. Passing the ID to the next page und query the according entry would be great (like i would do it in php). But no clue how to do that with XML.

So I came up with a different concept: In the same html, I will have the main page with the UL list of all entries. 1. 1. Every <li> gets an entry from the xml (spry). That works so far.
2. Every entry gets a link to call an intenal page (detailpage)
3. The whole detailpage is actually a repeated spry data set. So in the final output, i will have a detailpage each entry. Theoretically, It should be possible to address the detailpage. The concept works if JQM is not involved. But if I do this concept with JQM, I am getting page loading errors.

Main internal page:

1. ....
   
2. <div data-role="content">
       <ul data-role="listview" data-inset="true">
       <li spry:region="ds1" spry:repeat="ds1"><a href="detail{id}"><img src="js/images/{recommendation}.png" class="ui-li-icon">{common_name}</a></li>
       </ul>
       </div>
3. ....
   

Detail page (internal):

1. ...
   
2. <div spry:repeat="ds1" data-role="page" data-theme="a" id="detail{id}">
3.     <div data-role="header">
4.         <h1>Species</h1>
5.     </div><!-- /header -->
6.     <div data-role="content">
7.       <p>{common_name}<p>
8. ....