How to Persist Header and Footer b/w page transitions in jQuery Mobile | Techbirds

To Persist the header and footer just add the attribute “data-id” in header and footer both.
E.g.

———————————-

    

          

    

    ———————————-

    

        

    

In above code sample we add the data-id attribute in both header(data-id=”page_header”) and footer(data-id=”page_footer”); add these same id to all other pages where you want to persist header and footer.
E.g.

———————————-

    

          

    

    ———————————-

    

        

    

536 total views, 2 views today

Share this Onfacebook-6298161twitter-5773234linkedin-6155295google-9661581 Tags: jQuery, jQuery mobile