Kurkite programas naudodami „jQuery Mobile“

„jQuery Mobile“ yra originalios „jQuery“ papildinys ir reikalauja, kad pastaroji būtų iš anksto įdiegta kad galėtų veikti.
Kai aktyvus, „jQuery Mobile“ daro du dalykus:

Pirma, ji optimizuoja savąsias funkcijas, kad pagerintų jų našumą mobiliuosiuose įrenginiuose.
Antra, jis modifikuoja HTML ir sukuria maketą su iš anksto nustatytais grafiniais elementais, kurie žymiai pagreitina gamybos greitį.

Įdiekite „jQuery Mobile“
Nors svetainėse įmanoma ir labai paplitusi technika įdiegti „jQuery Mobile“ tiesiogiai susiejant su debesyje saugomais failais, labai rekomenduojama netaikyti šios technikos „PhoneGap“ programoms. Labai dažnai jūsų programa bus naudojama be jokio interneto ryšio arba su pertrūkiais. Jei „jQuery“ failai yra susieti su debesies dokumentais, programa gali tapti netinkama.
Norėdami įdiegti šią sistemą, pirmiausia turėtumėte atsisiųsti „jQuery“ iš oficialaus puslapio:

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

Atsisiuntę „jQuery“, turite atsisiųsti „jQuery Mobile“ papildinį iš oficialios svetainės:

http://jquerymobile.com/download/

Pradėsime pavyzdį, leidžiantį suprasti programavimą ir programos struktūrą.
Mes sukursime html failą su šiuo kodu

 „Jquery“ programa mobiliesiems 

„jQuery Mobile“ leidžia labai greitai ir palyginti nedaug pastangų sukurti mobiliesiems pritaikytas sąsajas.
Tai veikia perrašant pradinį dokumento kodą ir sukuriant naują, sudėtingesnį, atsižvelgiant į charakteristikas ir prašomus argumentus.
Įdomi „jQuery Mobile“ savybė yra ta, kad, skirtingai nei svetainė, kuri pereina iš vieno HTML dokumento į kitą, kad būtų rodoma informacija, programos puslapiai ar ekranai tvarkomi iš vieno HTML dokumento.
Puslapiai ar ekranai yra viename faile, „jQuery Mobile“ valdo juos, kad būtų rodoma tik dokumento dalis, atitinkanti kiekvieną ekraną, o kiti lieka paslėpti. Tokiu būdu puslapių įkėlimas yra žymiai pagreitintas, taip pat leidžia valdyti įvykius ir animacijas tarp vieno ekrano ir kito.
„jQuery Mobile“ visiškai išnaudoja naujų HTML5 elementų pranašumus ir daug naudoja pasirinktinius atributus, kurie yra apibrėžti priešdėlio „data“
Pavyzdžiui duomenų vaidmuo, vienas iš dažniausiai naudojamų „jQuery Mobile“ atributų, leidžia apibrėžti vaidmenį elemento, kuriame jis yra, funkcionalumo ir išvaizdos lygiu. Apibrėždamas elemento vaidmenį, šis atributas leidžia kurti puslapius, mygtukus, meniu ir daug kitų elementų.
Įterpdami duomenų vaidmens atributą į bet kurią žymą, padarome ją sąsajos elementu. Nereikia pridėti jokio papildomo kodo „jQuery“ pridėti visus grafinius elementus, klases ir net animacijas, būtinas tam konkrečiam elementui veikti.
Pavyzdžiui, norėdami sukurti puslapį, naudokite atributą data-role = ”puslapis” taigi:

1 ekranas
2 ekranas

Grįžti

Pavyzdinė nuoroda ne tik leidžia pereiti į 2 ekraną, bet ir „jQuery Mobile“ automatiškai įtraukė perėjimo animaciją, kad ji atrodytų panašiai kaip savosios programos.
Paimkime ką tik sukurtą nuorodą šiek tiek toliau ir pridėkime „jQuery Mobile“ atributo „data-role =“ mygtuką “, kad ši nuoroda veiktų kaip mygtukas:
Norėdami grįžti į pagrindinį puslapį, galite pritaikyti ankstesnę nuorodos susiejimo su pagrindinio puslapio ID metodą arba dar paprasčiau, galite naudoti atributą data-rel = ”back“, kuris grąžina programą į ankstesnį ekraną .Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką