Correct "href" for the Back button
Hello everyone.
I have a small app based on jQueryMobile, made of a number of pages (it has one landing page, the first <div> with data-role="page" and a number of secondary pages; not deeper than that).
On all but the first (landing) page, I have been using the default "Back" button that was added to the header bar by default and it worked great. Now I need to add a new button to the header bar so it seems I need to define the "Back" button as well.
My question is what would be the correct value that I need to put in the href for the back button? If I use the id of my landing page (say, href="#landingPage" where "landingPage" is the id for the first page), it does take me to the landing page but not with the correct animation: I expect the Back button to move the current page to the right and the landing page to be sliding in from left but that value treats the landing page as any other page and it slides the current page to the left and the new page (i.e. the landing page) slides in from the right side.
When I inspected the DOM for the default Back button, I noticed that its href is set to: href="#" but when I use that in my code, it doesn't do anything. So what is the correct way to go "back" to the landing page (which is the previous page) with the expected animation?
Many thanks
Ali.