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!

Gerelateerde Artikelen

OBD Car Doctor - Pre geschiedenis van de mobiele App ontwikkeling

OBD Car Doctor - Pre geschiedenis van de mobiele App ontwikkeling

OBD Car Doctor - geschiedenis van de mobiele applicatieontwikkelingHet idee van een smartphone verbinden met het systeem van de on-board voertuig geïnteresseerd de mensheid lang geleden.Het onderzoek van de mogelijkheden van de lancering van naar de
Publiceren van een Android App naar de Google Play Store

Publiceren van een Android App naar de Google Play Store

na vele uren van ontwerpen, implementeren, testen en debuggen uw Androïde toepassing, je bent eindelijk klaar om te publiceren naar de Google Play Store. Deze instructies zal de taak van het publiceren van uw app zowel snel en pijnloos maken. Minder
Gebouw van de Android APP naar besturingselement Arduino Smart auto (製作Android APP控制Arduino 智慧車)

Gebouw van de Android APP naar besturingselement Arduino Smart auto (製作Android APP控制Arduino 智慧車)

Dit is een steekproefcode gemaakt van MIT APP inventor2. Om te tonen hoe verbinden Andruino via BT. U kunt het aanmaken om te voldoen aan welke functie die u wilt wijzigen. Bassically, het is echt gemakkelijk om te bouwen van een APP ter ondersteunin
Remote Controlled LED met behulp van de mobiele telefoon en Internet

Remote Controlled LED met behulp van de mobiele telefoon en Internet

Eerder schreef ik een tutorial over het besturen van een LED met behulp van uw mobiele telefoon app, Arduino en HC-05 bluetooth-module. In de huidige tutorial die ik ga uit te breiden op eerdere one en deze tijd in plaats van bluetooth, we zullen wor
Papieren Prototype voor een mobiele App

Papieren Prototype voor een mobiele App

Voor mijn eerste project in een intensieve UX design cursus kreeg ik 3 dagen te maken van een papieren prototype van een mobiele app naar een partner in mijn klas en te presenteren aan mijn collega klasgenoten en docenten.Dat klinkt misschien als vee
Ontwerpen van mobiele Apps met behulp van deze Prototyping Whiteboard

Ontwerpen van mobiele Apps met behulp van deze Prototyping Whiteboard

Heeft u een idee van de mobiele app? Neem uw idee naar de volgende stap door te trekken uit de verschillende schermen. U kunt verfijnen uw idee zonder zelfs nodig om code te schrijven of ontwerpen om het even wat dit soort low-fi prototyping. Ik maak
Hoe afmelden van Dropbox Mobile App

Hoe afmelden van Dropbox Mobile App

Stapsgewijze handleiding over hoe aan logout van Dropbox mobiele App. Volg deze video tutorial:)
Hoe Fax van uw iPhone met behulp van de mobiele scan & fax app

Hoe Fax van uw iPhone met behulp van de mobiele scan & fax app

leren hoe om te scannen en faxen van documenten met behulp van een iPhone, Android-smartphone of Blackberry geboden door Popfax.com - Mobile Fax ServiceAlle stapsgewijze demo-video's door Popfax >>Stap 1: Installeer de software van de mobiele fax Po
Semi-automatische Filmmaking: Hoe het gebruik van de Android app, Documatic, automatisch vooraf uw video's te bewerken

Semi-automatische Filmmaking: Hoe het gebruik van de Android app, Documatic, automatisch vooraf uw video's te bewerken

Documatic is een participatieve, Androïde-gebaseerde, mobiele schieten-assistent en pre-editor. Ik heb dit programma de fundamentele basis te leggen voor de grotere concept van "semi-automatische filmmaken" gemaakt als onderdeel van mijn mastert
Hoe krijgen gezonde met behulp van uw mobiele

Hoe krijgen gezonde met behulp van uw mobiele

vijftien jaar geleden als iemand je verteld dat u zou toezicht kunnen houden uw slaap patroon op uw mobiele telefoon, ze zou hebben door u werden gek. Vandaag echter, we leven in een wereld rijk aan technologie en bijna alles is mogelijk op een telef
Bouwen van uw Android Apps voor de controle van IoT-apparaten met behulp van REST API

Bouwen van uw Android Apps voor de controle van IoT-apparaten met behulp van REST API

Een paar weken geleden, heb ik uitgevoerd REST web service bibliotheek voor WIZwiki-W7500ECO board. Ik heb gepost op Instructables, (Featured content!)Heb ik besloten om mijn eigen Apps voor de controle op mijn bord met REST API's. Mijn Apps gemaakt
Maken van een iOS App met Swift

Maken van een iOS App met Swift

Denk erover na. Na het voltooien van deze tutorial kan je je vrienden vertellen dat u een app gebouwd. Enkel zeggend.In deze tutorial zal ik u door het proces van het bouwen van een iOS-toepassing nemen. Langs de weg, zal ik ervoor om je te leren ove
Uiteindelijke gebruik van de mobiele telefoon.

Uiteindelijke gebruik van de mobiele telefoon.

Wij allen onze mobiele telefoon gebruiken voor allerlei doeleinden. Hethangt van ons af die of we om te bellen, SMS gebruiken, of anders. Maar in feite een mobiele telefoon kan worden gebruikt voor de uiteindelijke taken.Ik gebruik mijn telefoon voor
Maak een 3D-Scanner van een mobiele telefoon en fietswiel

Maak een 3D-Scanner van een mobiele telefoon en fietswiel

Hoe maak je een werkende 3D-scanner tuig van een mobiele telefoon en een fietswiel. Die waarschijnlijk klinkt een beetje belachelijk, hoe kun je iets dat zo gecompliceerd en Geavanceerd als een 3D-scanner van iets dat zo gewoon als een mobiele telefo