Changing The Page From Javascript

Use the $.mobile.changePage method which allows you to transition to another page as if the user clicked a link. 


	//Load an external page
	$.mobile.changePage("some_external_page.html");
	
	//Transition to an internal page in the same document
	$.mobile.changePage($("#ThePageId"));

 

changePage Properties

 

transition

transition name (default: "slide")

reverse

true/ false (default: false)

type

"get"/" post" (default: "get")

HTTP method to use to load the external page

data

object or string

Data to be sent when POST is defined

allowSamePageTransition

true/ false (default: false)

Allow transition to the same page as the active one (transition to itself)

changeHash

true/ false (default: true)

Should the new page be in the history

data-url

string

The URL to be attached in the location

pageContainer

jQuery DOM object

The container where to attach the new page

reloadPage

true/ false (default: false)

To force the reload of the page, even if its cached on the DOM

showLoadMsg

true/ false (default: true)

Determines whether the page loading message should be visible after some milliseconds or not

role

page/dialog (default defined by data-role)

The role to be applied to the new page

For example


$.mobile.changePage($("#page2"), {
	transition: "slide",
	reverse: true
});

Example


$(document).bind('mobileinit', function() {
	//Initialization

});

	//----- SLIDE TO CHANGE PAGE -----
	$(document).live("swipeleft", function () {
		$.mobile.changePage("#Page1", {
			transition: "slide",
			reverse: false
		});
		
	});
	
	$(document).live("swiperight", function () {
		$.mobile.changePage("#Page0", {
			transition: "slide",
			reverse: true
		});
	});

 

USEFUL?
We benefit hugely from resources on the web so we decided we should try and give back some of our knowledge and resources to the community by opening up many of our company’s internal notes and libraries through mini sites like this. We hope you find the site helpful.
Please feel free to comment if you can add help to this page or point out issues and solutions you have found, but please note that we do not provide support on this site. If you need help with a problem please use one of the many online forums.

Comments

Your email address will not be published.