jQuery Mobile common footer for all pages

Question

I am using jQuery Mobile and in my project there are several pages.

I want that all pages to share a common footer without putting the footer in each page, I want it to be at only at one place and from there it will appear in all pages.

Is this possible?

Possible duplicate of [Common Footer for all Pages](http://stackoverflow.com/questions/10826544/common-footer-for-all-pages). — Frédéric Hamidi, Jun 07 '12 at 11:53
I already saw this, but what i want, is, to put the code for footer only at one place for all pages — King Kong, Jun 07 '12 at 11:58

score 0 · Accepted Answer · edited May 23 '17 at 10:09

0

Try this code:

$('[data-role=page]').on('pageshow', function (event, ui) {
            $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){
                $("#" + event.target.id).find("[data-role=navbar]").navbar();
            });
        });

Refer to this post

Jquery Mobile Same Footer on Different Pages

edited May 23 '17 at 10:09

Community

1
1

answered Jun 07 '12 at 13:39

dhaval

7,611
3
29
38

jQuery Mobile common footer for all pages

1 Answers1