I am struggling with the basics of a persistent footer in my jqm application. Each page of the application is a separate file.
I want the footers to all behave the same. For example if I change the active state to the second button I want all pages to show that state when they are loaded. Today only the active page is set and all the other pages reflect the state they were coded at (ie the first being active).
I am using jqm 1.2.0 and jq 1.8.2.
They all share the same footer:
- <div data-theme="a" data-role="footer" class="footer" data-id="foo1" data-position="fixed">
- <ul>
- <li><a class="filter_lock ui-btn-active ui-state-persist" data-icon="custom" href="#">Unfiltered</a></li>
- <li><a class="filter_home" data-icon="custom" href="#">Room</a></li>
- <li><a class="filter_artist" data-icon="custom" href="#">Artist</a></li>
- <li><a class="filter_artwork" data-icon="custom" href="#">Artwork</a></li>
- <li><a class="filter_style" data-icon="custom" href="#">Style</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->