Posted By

goo on 01/06/13


Tagged

template html jquery mobile head


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

Beppoi


jQuery Mobile Template


 / Published in: HTML
 

jQuery Mobile template with needed css and js from CDN. From http://http://jquerymobile.com/

  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <meta name="viewport" content="width=device-width, initial-scale=1" />
  5. </title>
  6. <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  7. <link rel="stylesheet" href="my.css" />
  8. /* App custom styles */
  9. </style>
  10. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
  11. </script>
  12. <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js">
  13. </script>
  14. <script src="my.js">
  15. </script>
  16. </head>
  17. <body>
  18. <div data-role="page">
  19.  
  20. <div data-role="header">
  21. <h1>My Title</h1>
  22. </div><!-- /header -->
  23.  
  24. <div data-role="content">
  25. <p>Hello world</p>
  26. </div><!-- /content -->
  27.  
  28. </div><!-- /page -->
  29.  
  30. </body>
  31. </html>

Report this snippet  

You need to login to post a comment.