nested lists & map ui

nested lists & map ui

i am a complete newcomer to jquery mobile as i was iui before but was having issues with the gmap api

this has got be something really simple but i'm going round in circles trying to work it out

basically i'm trying to combine a nested list with the google map plugin (http://code.google.com/p/jquery-ui-map/)

this seems to me it should work straightforwardly - the top 2 map links work perfectly and as they should but i get a page loading error in links in the nested section (submaps)

  1.         <div data-role="page">
  2.             <div data-role="header">
  3.                 <h1><a href="http://code.google.com/p/jquery-ui-map/">jQuery mobile with Google maps v3</a> demo</h1>
  4.             </div>
  5.             <div data-role="content">   
  6.                 <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="a">
  7.                     <li><a href="map2.htm">map 2</a></li>
  8.                     <li><a href="map3.htm">map 3</a></li>
  9.                    
  10.                     <li><h3><a href="#">submenu</a></h3>
  11.                         <ul>
  12.                             <li>submaps
  13.                                 <ul>
  14.                                     <li><a href="map2.htm">map 2</a></li>
  15.                                     <li><a href="map3.htm">map 3</a></li>
  16.                                 </ul>
  17.                             </li>
  18.                         </ul>
  19.                     </li>
  20.                 </ul>
  21.             </div>
  22.         </div>













    • Topic Participants

    • ade