[Javascript] jquery: Jquery Mobile Persistent Navbar - header and footer flickering issue
DO Use same "data-id" attribute value!
page1.html:
<div data-position="fixed" data-tap-toggle="false" data-theme="a" data-role="header" data-id="header-a">
Header 1
</div>
<div data-position="fixed" data-tap-toggle="false" data-theme="a" data-role="footer" data-id="footer-a">
Footer 1
</div>
page2.html
<div data-position="fixed" data-tap-toggle="false" data-theme="a" data-role="header" data-id="header-a">
Header 2
</div>
<div data-position="fixed" data-tap-toggle="false" data-theme="a" data-role="footer" data-id="footer-a">
Footer 2
</div>