Search jQuery

jQuery Forum

Basic Persistent Footer JQM Concepts?

in jQuery Mobile • 7 years ago

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>
</div>

Replies(1)

ccouper

Re: Basic Persistent Footer JQM Concepts?

7 years ago

I just built my own footer handler:

$(document).on("click", '.ui-page-active #main_navbar a', function() {

var index = $(this).parent().index();

navHandler(index);

});

In the NavHandler function I set the icons and the active state in the buttons on the main page. Each called page has the buttons set correctly and no need for the persistence capability. It also handles and programming features because of button presses etc like navigation and data fetching.

Top Reply

Response title

Attachments

jQuery Forum

Basic Persistent Footer JQM Concepts?

Replies(1)

Re: Basic Persistent Footer JQM Concepts?

Statistics

Tags

Actions

Related Posts