Ez a dokumentum egy előző változata!
A bevezetést a jQuery Mobile segítségével készítettem el. Az alábbi linkre kattintva érhető el:
Vagy itt keretben:
A következőkben egy kétoldalas egyszerű mobilfelületet látunk.
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JQM</title> <link href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> </head> <body> <div data-role="page" id="az1"> <div data-role="header"><h1>Fejrész</h1></div> <div role="main" class="ui-content"> A te legjobb oldalad <a href="#az2" data-role="button">Második oldal</a> </div> <div data-role="footer">Has</div> </div> <div data-role="page" id="az2"> <div data-role="header"><h1>Másik oldal fejrész</h1></div> <div role="main" class="ui-content"> A másik weboldal <a href="#az1" data-role="button">Vissza</a> </div> <div data-role="footer">Has</div> </div> </body> </html>
A mobilon megjelenő két oldal valójában egyetlen weblapon van. A két weboldalt egy-egy div elem tartalmazza. Egy oldal kezdete a data-role=„page” attribútumú div-el kezdődik.