Advanced Search

JQuery Mobile Multipage Example - about.html

/ Published in: jQuery
Save to your folder(s)
about.html

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html> 
  2. <html> 
  3. 	<head> 
  4. 	<title>2 Page JQuery Mobile Site</title> 
  5.  
  6.  
  7. 	<!--	By setting the viewport attributes to content="width=device-width, initial-scale=1, the width will be set to the pixel width of the device screen. -->
  8. 	<meta name="viewport" content="width=device-width, initial-scale=1"> 
  9.  
  10. 	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
  11. 	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
  12. 	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
  13.  
  14. </head> 
  15. <body> 
  16.  
  17. 	<!-- Start of About page -->
  18. 	<div data-role="page" id="about">
  19.  
  20. 		<div data-role="header">
  21. 			<h1>About Page</h1>
  22. 		</div><!-- /header -->
  23.  
  24. 		<div data-role="content">	
  25. 			<p>I'm a dialog box</p>		
  26. 			<p><a href="index.html" data-transition="pop">Back to Home</a></p>	
  27. 		</div><!-- /content -->
  28.  
  29. 		<div data-role="footer">
  30. 			<h4>Page Footer</h4>
  31. 		</div><!-- /footer -->
  32.  
  33. 	</div><!-- /page -->
  34.  
  35. </body>
  36. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.