<div data-role="tabbar" data-id="persist_header" >
<ul>
<li><a href="#tabbar_persist_a" class="ui-btn-active ui-state-persist">Menu</a></li>
- <li><a href="#tabbar_persist_b" >Save</a></li>
- <li><a href="#tabbar_persist_c" >Next</a></li>
+ <li><a href="./tabbar_persist_b.html" >Save</a></li>
+ <li><a href="./tabbar_persist_c.html" >Next</a></li>
</ul>
</div><!-- /tabbar -->
</div>
</div>
</div>
- <div data-role="page" id="tabbar_persist_b" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <div data-role="tabbar" data-id="persist_header" >
- <ul>
- <li><a href="#tabbar_persist_a" >Menu</a></li>
- <li><a href="#tabbar_persist_b" class="ui-btn-active ui-state-persist">Save</a></li>
- <li><a href="#tabbar_persist_c" >Next</a></li>
- </ul>
- </div><!-- /tabbar -->
- </div>
-
- <div data-role="content">
- <p>page b</p>
- </div>
-
- <div data-role="footer">
- </div>
- </div>
-
- <div data-role="page" id="tabbar_persist_c" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <div data-role="tabbar" data-id="persist_header" >
- <ul>
- <li><a href="#tabbar_persist_a" >Menu</a></li>
- <li><a href="#tabbar_persist_b" >Save</a></li>
- <li><a href="#tabbar_persist_c" class="ui-btn-active ui-state-persist">Next</a></li>
- </ul>
- </div><!-- /tabbar -->
- </div>
-
- <div data-role="content">
- <p>page c</p>
- </div>
-
- <div data-role="footer">
- </div>
- </div>
</body>
</html>