Response title
This is preview!
i am developing mobile application using JQuery Mobile, in the main page which is home page everything is fine but when moving to next page and change ths orientation footer disapers completely, however the code i am using for all the pages are same
here is the code i am using for the footer
<div data-role="footer">
- <div class="separator"></div>
<div data-role="navbar" data-iconpos="top" class="line" id="line">
<ul>
<li><a href="#home_pg" id="tab1" data-transition="none">
<img src="image/home-broadcast-icon.png" /> </a></li>
<li><a href="#plugin_pg" id="tab3" data-transition="none">
<img src="image/nav-3.png" /> </a></li>
<li><a href="#help_pg" id="tab4" data-transition="none">
<img src="image/nav-4.png" /> </a></li>
</ul>
</div>
</div>
please help
with regards
the problem is solved now , i just add
data-position="fixed"
and it solved the problem
so now the correct code is
<div data-role="footer" data-position="fixed"> <!-- add all footer elements in here it --> </div>
© 2013 jQuery Foundation
Sponsored by and others.