Posted By

craigmoss on 10/02/11

Tagged

Versions (?)

Last Edited at 10/02/11 11:58pm

Statistics

Viewed 545 times

Favorited by 0 user(s)

Related snippets

JQuery Mobile Multipage Example - index.html

/ Published in: jQuery

index.html

Highlighted TextExpand

<!DOCTYPE html> 
<html> 
	<head> 
	<title>2 Page JQuery Mobile Site</title> 
	
	
	
	<meta name="viewport" content="width=device-width, initial-scale=1">

<div data-role="page" id="home">

<div data-role="content">	
			<p>I'm first in the source order so I'm shown as the page.</p>		
			<p>
				Load External page Not Asychronously using 'rel="external"', see code comments...
					
				<a href="about.html" data-transition="pop" data-rel="dialog">Dialog - About Us Page</a>
			</p>	
			<p>
				Possible Transition Values:
				<ol>
					<li>slide</li>
					<li>slide-up</li>
					<li>slide-down</li>
					<li>pop</li>
					<li>fade</li>
					<li>flip</li>
				</ol>
			</p>

<p><a data-role="button" href="contact.html" data-inline="true" data-transition="slide-up">Contact Us Button</a></p>

<p><a data-role="button" href="form.html" data-inline="true" data-transition="slide-up">Form Example</a></p>
		
		</div>

<div data-role="footer">
			<h4>Page Footer</h4>
		</div>
	</div>
	
</body>
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.