✅ Izveidojiet lietojumprogrammas, izmantojot jQuery Mobile

Satura rādītājs

jQuery Mobile ir oriģinālā jQuery spraudnis, un tam ir nepieciešama iepriekšēja instalēšana lai varētu funkcionēt.
Kad esat aktīvs, jQuery Mobile dara divas lietas:

Pirmkārt, tas optimizē vietējās funkcijas, lai uzlabotu to veiktspēju mobilajās ierīcēs.
Otrkārt, tas maina HTML un ģenerē izkārtojumu ar virkni iepriekš definētu grafisko elementu, kas būtiski paātrina ražošanas ātrumu.

Instalējiet jQuery Mobile
Lai gan vietnēs ir iespējams un ļoti izplatīta tehnika instalēt jQuery Mobile, tieši saistot ar failiem, kas tiek glabāti mākonī, ļoti ieteicams šo paņēmienu neizmantot PhoneGap lietojumprogrammām. Ļoti bieži jūsu lietojumprogramma tiks izmantota bez interneta savienojuma vai ar pārtrauktu savienojumu. Ja jQuery faili ir saistīti ar mākoņa dokumentiem, lietojumprogramma, iespējams, kļūs nelietojama.
Lai instalētu šo ietvaru, pirmā lieta, kas jums jādara, ir lejupielādēt jQuery no tās oficiālās lapas:

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

Kad jQuery ir lejupielādēts, jums ir jālejupielādē spraudnis jQuery Mobile no tā oficiālās vietnes:

http://jquerymobile.com/download/

Mēs sāksim piemēru, kas ļauj mums izprast programmēšanu un lietojumprogrammas struktūru.
Mēs izveidosim html failu ar šādu kodu

 Jquery mobilā lietojumprogramma

jQuery Mobile ļauj mums izveidot mobilajām ierīcēm draudzīgas saskarnes ļoti ātri un ar salīdzinoši nelielu piepūli.
Tas darbojas, pārrakstot dokumenta sākotnējo kodu un ģenerējot jaunu, sarežģītāku kodu atbilstoši īpašībām un pieprasītajiem argumentiem.
Interesanta jQuery Mobile iezīme ir tā, ka atšķirībā no vietnes, kas tiek pārvietota no viena HTML dokumenta uz citu, lai parādītu informāciju, lietojumprogrammas lapas vai ekrāni tiek apstrādāti no viena HTML dokumenta.
Lapas vai ekrāni ir vienā failā, jQuery Mobile pārvalda tos, lai tiktu parādīta tikai tā dokumenta daļa, kas atbilst katram ekrānam, bet pārējais paliek paslēpts. Tādā veidā lapu ielāde tiek ievērojami paātrināta, kā arī ļauj pārvaldīt notikumus un animācijas no viena ekrāna uz otru.
jQuery Mobile pilnībā izmanto jauno HTML5 elementu priekšrocības un daudz izmanto pielāgotus atribūtus, kas definēti ar prefiksu "data-"
Piemēram datu loma, kas ir viens no visbiežāk izmantotajiem jQuery Mobile atribūtiem, ļauj definēt lomu elementa, kas to satur, funkcionalitātes un izskata līmenī. Nosakot elementa lomu, šis atribūts ļauj izveidot lapas, pogas, izvēlnes un daudz ko citu.
Ievietojot datu lomas atribūtu jebkurā tagā, mēs to padarām par saskarnes elementu. Nav nepieciešams pievienot papildu kodu jQuery pievienojiet visus grafiskos elementus, klases un pat animācijas, kas nepieciešamas konkrētā elementa darbībai.
Piemēram, lai izveidotu lapu, izmantojiet atribūtu data-role = ”lapa” tātad:


1. ekrāns
2. ekrāns

Atgriezties

Saites piemērs ne tikai ļauj pāriet uz 2. ekrānu, bet arī jQuery Mobile automātiski iekļāva pārejas animāciju, lai tā izskatītos līdzīga vietējai lietojumprogrammai.
Ņemsim tikko izveidoto saiti nedaudz tālāk un pievienosim pogu jQuery Mobile atribūts data-role = ”, lai šī saite darbotos kā poga:
Lai atgrieztos galvenajā lapā, varat izmantot iepriekšējo paņēmienu, kā saistīt saiti ar galvenās lapas ID, vai pat vienkāršāk, izmantojot atribūtu data-rel = ”back”, kas atgriež lietojumprogrammu tieši iepriekšējā ekrānā .Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu