Post on 12-Jul-2015
Desenvolvimento mobile com
Pablo Garrido
???
O que é jQuery Mobile ?
www.jquerymobile.com
Suporte
Estrutura de Código
<!DOCTYPE html> <html> <head>
<title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" ref="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body> ...content goes here... </body>
</html>
Exemplo<!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head>
<body>
<div data-role="page">
<div data-role="header"> <h1>Page Title</h1></div>
<div data-role="content"> <p>Page content goes here.</p> </div>
<div data-role="footer"><h4>Page Footer</h4> </div>
</div>
</body> </html>
Multi-page
jqmGallery
http://jqmgallery.com
Obrigado.www.pablogp.com
contato@pablogp.com
@devpablogpfb.com/devpablogp
Slideshare.com/devpablogp