Skip to content

Instantly share code, notes, and snippets.

@scottjehl

scottjehl/jqm-simple-dynamic-page.js

Created June 21, 2011 14:08
Show Gist options
  • Save scottjehl/1037934 to your computer and use it in GitHub Desktop.
Save scottjehl/1037934 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery Mobile: Simple dynamic page creation
Raw
jqm-simple-dynamic-page.js
/* Dynamically create a page and navigate to it.
(and include the page in browser history ) */
//create markup
var newPage = $("<div data-role=page data-url=yay><div data-role=header><h1>YAY!!!!</h1></div><div data-role=content><img src=http://bukk.it/yay.gif /></div></div");
//append it to the page container
newPage.appendTo( $.mobile.pageContainer );
//go to it
$.mobile.changePage( newPage );
@raduGaspar
Copy link

Thank you for sharing! Works like a charm.

@kshrawan
Copy link

Thank you! Does exactly what I was looking for.

@shashikantkumar88
Copy link

Thanks in advance, i want to replace the page. Can you upload the code for replace?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment