In this tutorial we will be teaching you how to add the same header and footer to every page of your jQuery Mobile App from an external file. We will be doing this with just a few simple lines of code and by creating a few small HTML files.
The advantages of handing our header and footer in seperate files should be immediately obvious to most of us. Any changes we make to our header or footer files will change instantly on all of our pages. This saves us a lot of time as our mobile applications get bigger and bigger as a job progresses. We no longer have to hunt down and change every footer or header reference one by one manually. Continue reading