I've created an mobile app using jQuery Mobile and Phonegap. When I visit my app features by pressing the buttons,jQuery styles works fine. But when I visit other web links through my app and come back to the app again, the app styles and interface appears with no jQuery mobile style. Here is the screen shot-
Before visiting external web link:
After visiting external web links through the app:
Here is the code for this page-
<body> <div data-role="page"> <div data-role="content"> <div data-role="header" data-position="fixed" data-theme="b"> <div data-role="navbar"> <ul> <li><a data-icon="back" class="ui-link-inherit" data-rel="back" href="#" data-transition="pop" data-direction="reverse">Back</a></li> <li><a data-icon="home" class="ui-link-inherit" data-rel="back" href="#" data-transition="pop" data-direction="reverse">Home</a></li> </ul> </div> </div> <form action="http://ais.gov.bd/View_Pahe_ICT.aspx?articleId=+22+ &TB_iframe=true&height=600&width=800"> <input data-icon="arrow-r" data-iconpos="right" type="submit" value="Call Center"> </form> <form action="http://www.frs-bd.com/"> <input data-icon="arrow-r" data-iconpos="right" type="submit" value="Fertilizer Recommendation"> </form> <form action="http://www.knowledgebank-brri.org/"> <input data-icon="arrow-r" data-iconpos="right" type="submit" value="Bangladesh Rice Knowledge Bank"> </form> <form action="http://www.frs-bd.com/"> <input data-icon="arrow-r" data-iconpos="right" type="submit" value="Fertilizer Recommendation"> </form> <form action="http://baritechnology.org/m"> <input data-icon="arrow-r" data-iconpos="right" type="submit" value="Fobile Apps"> </form> <form action="http://www.bsfic.gov.bd/index.php/ডিজিটাল-আখ-ক্রয়-কর্মসূচী/ই-পূর্জি.html"> <input data-icon="arrow-r" data-iconpos="right" type="submit" value="e-Purjee"> </form> <form action="http://old.dls.gov.bd/e_Livestock/Gobadi_Pashur_rog.php"> <input data-icon="arrow-r" data-iconpos="right" type="submit" value="e-Livestock"> </form> </div> </div> </body> </html>