jQuery Forum

Its easy to setup navigation between the pages in a multi-page template like so:

        <div data-role="navbar">
          <ul>
            <li><a href="#grid" data-icon="grid">Grid Page</a></li>
            <li><a href="#star" data-icon="star">Star Page</a></li>
            <li><a href="#gear" data-icon="gear">Gea rPage</a></li>
          </ul>
        </div><!-- /navbar -->

But what about after we select a page? What about navigating the contents of the selected page using a navbar again? For example: The footer has a persistent navbar to go between the pages and then the header of one of the pages could further add navigation for its own content. Is this possible?

I tried to do the following but this didn't work so I'm looking for some advice. I don't want to fight the framework. So please just let me know if the goal is unrealistic.

    <div data-role="page" id="star">
      <div data-role="header">
        <div data-role="navbar">
          <ul>
            <li><a href="&ui-page=star#subSectionOne">One</a></li>
            <li><a href="&ui-page=star#subSectionTwo" >Two</a></li>
            <li><a href="&ui-page=star#subSectionThree">Three</a></li>
          </ul>
        </div> <!-- /navbar -->
      </div>
...