JQuery Mobile Multipage Example - about.html


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

about.html


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.