Multi-Page template in JQuery Mobile
In my previous post I had talked about single page template in jQuery mobile. This is my another simple example for creating multiple page template using JQuery mobile.
Here the init() method is my onload function, In this function I have registered the on click event for two buttons. The button "moveToPage2" present in page1 is redirect you to second page and the button "moveToPage1" button present in second page is redirect you to first page. Basically these two click event just called the "pageToMove" function with different page id. The actual redirection is happening in "pageToMove()" function. The function $.mobile.changePage function is used for redirecting you to next page, It needs the id of the page and transition as input. The following types of transition available in jQuery mobile.
JQuery Mobile Multi Page Template
This is page1Move To Second Page
This is page2Move To First Page