✅ Izradite aplikacije pomoću jQuery Mobile

Sadržaj

jQuery Mobile dodatak je izvornom jQueryu i zahtijeva da se potonji prethodno instalira kako bi mogao funkcionirati.
Nakon što je aktivan, jQuery Mobile radi dvije stvari:

Prvo, optimizira izvorne funkcije radi poboljšanja njihovih performansi na mobilnim uređajima.
Drugo, mijenja HTML i generira izgled s nizom unaprijed definiranih grafičkih elemenata koji značajno ubrzavaju brzinu proizvodnje.

Instalirajte jQuery Mobile
Iako je moguća i vrlo česta tehnika na web stranicama instalirati jQuery Mobile povezivanjem izravno s datotekama pohranjenim u oblaku, toplo se preporučuje da se ta tehnika ne primjenjuje na aplikacije PhoneGap. Vrlo često će se vaša aplikacija koristiti bez internetske veze ili s prekidnom vezom. Ako su datoteke jQuery povezane s dokumentima u oblaku, aplikacija bi mogla postati neupotrebljiva.
Da biste instalirali ovaj okvir, prvo što trebate učiniti je preuzeti jQuery sa njegove službene stranice:

http://docs.jQuery.com/Downloading_jQuery#Current_Release

Nakon preuzimanja jQueryja morate preuzeti jQuery Mobile dodatak sa njegove službene web stranice:

http://jquerymobile.com/download/

Započet ćemo primjer koji nam omogućuje razumijevanje programiranja i strukture aplikacije.
Napravit ćemo html datoteku sa sljedećim kodom

 Jquery mobilna aplikacija

jQuery Mobile omogućuje nam stvaranje sučelja prilagođenih mobilnim uređajima vrlo brzo i uz relativno malo truda.
Način funkcioniranja je prepisivanjem izvornog koda dokumenta i generiranjem novog, složenijeg, prema karakteristikama i traženim argumentima.
Zanimljiva značajka jQuery Mobilea je ta što se, za razliku od web stranice koja prelazi s jednog HTML dokumenta na drugi radi prikaza informacija, stranice ili ekrani aplikacije upravljaju iz jednog HTML dokumenta.
Stranice ili ekrani nalaze se u jednoj datoteci, jQuery Mobile upravlja njima tako da prikazuju samo dio dokumenta koji odgovara svakom zaslonu, dok ostatak ostaje skriven. Na taj se način značajno ubrzava učitavanje stranica, a omogućuje i upravljanje događajima i animacijama između jednog zaslona i drugog.
jQuery Mobile u potpunosti koristi nove HTML5 elemente i uvelike koristi prilagođene atribute definirane prefiksom "podaci-"
Na primjer data-role, jedan od najčešće korištenih atributa u jQuery Mobile, omogućuje vam definiranje uloge na razini funkcionalnosti i izgleda elementa koji je sadrži. Definiranjem uloge elementa, ovaj atribut omogućuje vam stvaranje stranica, gumba, izbornika i mnogih drugih elemenata.
Umetanjem atributa data-role u bilo koju oznaku činimo ga elementom sučelja. Nema potrebe za dodavanjem dodatnog koda jQuery dodati sve grafičke elemente, klase, pa čak i animacije potrebne za rad tog određenog elementa.
Na primjer, za izradu stranice koristite atribut data-role = ”stranica” Tako:


Zaslon 1
Zaslon 2

Vratiti

Primjer veze ne samo da vam omogućuje da prijeđete na zaslon 2, jQuery Mobile je automatski uključio animaciju prijelaza kako bi joj dao izgled sličan izvornoj aplikaciji.
Uzmimo malo dalje poveznicu koju smo upravo stvorili i dodajmo jQuery Mobile atribut data-role = ”button” tako da se ova veza ponaša poput gumba:
Za povratak na glavnu stranicu možete primijeniti prethodnu tehniku povezivanja veze s ID-om glavne stranice, ili još jednostavnije, možete upotrijebiti atribut data-rel = ”back” koji vraća aplikaciju na prethodni zaslon .Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod