Jquery: Adding Pages to a Document feature behaving wierdly when navigating from other pages -
i have simple collection of web pages written using jquery mobile framework. list of pages follows:
main.html. page consists of link page called dummy.html.
the dummy.html follows:
<div data-role="page" data-theme="b"> <div data-role="header"> <h1>hod</h1> </div> <ul data-role="listview"> <li><a href="#glug">welcome glug meet</a></li> <li><a href="#">new trends in cs</a></li> <li><a href="#">about me</a></li> </ul> </div> <div id="glug" data-role="page" data-theme="b"> <div data-role="header"> <h1>glug</h1> </div> <div> <div class="lcontainer"> <img src="glug.png"> <div> <a href="#" data-rel="back" data-role="button" data-inline=true data-direction="reverse">back</a> </div> </div> <div class="productdata"> of attend glug meet today <div><b>at 04:00 pm</b></div> </div> </div> </div>
suppose if open dummy.html , click on welcome glug meet
page id glug
opens without fuss. if navigate main.html dummy.html , click on welcome glug meet
page id glug
refuses open. have refresh dummy.html open page id glug
.
why happening. tried running apache web server , aptana studio. pressing ctrl + f11 nothing works.
what should do?
its working fine. have javascript functions implemented?
i tried on machine works fine without fuzz.
here example live fiddle
if have js functions make sure wrap them inside
$(document).on('pagecreate', '#yourpageid', function(){ // code goes here });
Comments
Post a Comment