Utveckling av mobila App till kontroll lampor av två rum (3 / 3 steg)
Steg 3: Använda jQuery Mobile flikar och sidor med Evothings
jQueryMobile är den enklaste JavaScript UI bibliotek specailized att arbeta på mobila enheter, det fungerar med jQuery biblioteket.
Vi kommer att använda två UI element från biblioteket:
Nästa, jag helt enkelt gjort två sidor i mitt projekt kallas som LED1.html och LED2.html och lagt till en div med data-roll Taggar och nav-bar Taggar att deklarera flikarna navigering (se bifogad bild till detta steg).
Nästa steg var att kapsla in våra redan befintliga knappar i data-roll = "main" div som det div är vad navigeringsflikar kommer att överväga att visa en gång får chansen.
Nu, vi har inkluderat navigeringsflikar och lindade också vårt innehåll att arbeta med jQueryMobile men vänta, vi har inte inkluderat jQueryMobile själv, så ladda ner den senaste källa koden från här och bara extrahera jquery.mobile-x.x.x.min.css och jquery.mobile-x.x.x.min.js, placera den i din respektive js och css mappar och sedan länka dessa i LED1.html och LED2.html.
Observera även att med senaste jQueryMobile, behöver du använda senaste jQuery biblioteket också.
Det var så enkelt, din nya blanka app är klar och nu kan du demo det till dina vänner, familj kunder.
Ha det så kul!