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 );
@lucian1900
Copy link

@hypept

Any luck with that? I'm getting the same problem with PhoneGap 1.2 and JQM 1.0

@vrcosta
Copy link

vrcosta commented Apr 19, 2012

I only got it to work without any problems with PhoneGap 1.3!

@lucian1900
Copy link

lucian1900 commented Apr 19, 2012 via email

@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