Advanced Search

jQuery Mobile Template

/ Published in: HTML
Save to your folder(s)
jQuery Mobile template with needed css and js from CDN.
From http://http://jquerymobile.com/

Expand | Embed | Plain Text

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.