Response title
This is preview!
Page Transition
in jQuery Mobile
•
4 years ago
I am trying a simple page transition example using jQM in Android.
Basically my index.html has 2 pages as follows.
<div data-role="page" id="page1">
<div data-role="header">
<h3>
Page 1
</h3>
</div>
<div data-role="content">
<a data-role="button" href="#page2" data-changepage="true">
Go to Page 2
</a>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
<h3>
Page 2
</h3>
<a data-role="button" data-direction="reverse" data-rel="back"
href="#page2" data-icon="arrow-l" data-iconpos="left">
Back
</a>
</div>
<div data-role="content">
</div>
</div>
When I transition from page1 to page2 it works well. But while in page2 if I press the Android phone navigation bar back button (history button) it takes me out of the app. I was expecting it to take me back to page1. Is there anything wrong here?
Basically my index.html has 2 pages as follows.
<div data-role="page" id="page1">
<div data-role="header">
<h3>
Page 1
</h3>
</div>
<div data-role="content">
<a data-role="button" href="#page2" data-changepage="true">
Go to Page 2
</a>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header">
<h3>
Page 2
</h3>
<a data-role="button" data-direction="reverse" data-rel="back"
href="#page2" data-icon="arrow-l" data-iconpos="left">
Back
</a>
</div>
<div data-role="content">
</div>
</div>
When I transition from page1 to page2 it works well. But while in page2 if I press the Android phone navigation bar back button (history button) it takes me out of the app. I was expecting it to take me back to page1. Is there anything wrong here?
1
