Ontwikkeling van de mobiele App naar controlelampjes twee kamers (3 / 3 stap)

Stap 3: Met behulp van jQuery Mobile tabbladen en pagina's met Evothings

jQueryMobile is de gemakkelijkste JavaScript UI bibliotheek specailized om te werken op mobiele apparaten, werkt met de bibliotheek jQuery.

We gaan twee elementen van de Gebruikersinterface uit de bibliotheek gebruiken:

1. Tabbladen voor navigatie
2. Pagina's aan voor nieuwe schermen

Hierna sloeg ik gewoon gemaakt van twee pagina's in mijn project genaamd als LED1.html en LED2.html en voegde een div met gegevens-rol tags en nav-bar tags te verklaren de navigatie tabbladen (Zie de bijgevoegde afbeelding met deze stap).

Volgende stap was om in te kapselen van onze reeds bestaande knoppen in gegevens-rol = "belangrijkste" div als die div wat navigatie tabbladen weergegeven is: eenmaal gegeven de kans zal overwegen.

Nu, we hebben opgenomen navigatie tabbladen en ook verpakt onze inhoud aan het werken met jQueryMobile maar wacht, wij jQueryMobile zelf nog niet opgenomen, dus download de nieuwste broncode van hier en gewoon extract jquery.mobile-x.x.x.min.css en jquery.mobile-x.x.x.min.js, plaatst u deze in uw respectieve js en css mappen, dan koppelen deze in LED1.html en LED2.html.

Ook, houd er rekening mee dat met de nieuwste jQueryMobile, hebt u de laatste jQuery bibliotheek ook.

Het was zo eenvoudig, uw nieuwe glanzende app is klaar en nu kunt u het aan uw vrienden, familie klanten demo.

Veel plezier!