Ehitatakse Mobiiliveebisait jQuery Mobile

jQuery Mobile on touch optimeeritud, HTML5-põhine kasutajaliides süsteemi.See on ehitatud jQuery ja jQuery UI platvormi ja see on ideaalne kiire mobiilse arengut.JQuery Mobile raames kasutab erilist atribuute, mis aitab määratleda ja stiili oma elemente, ilma et kirjutada üksikasjaliku Klassi reeglite ise.

1. 1
   Navigeeri jQuery Mobile kodulehteja seejärel vajuta "Download" uuelt põhimenüü.

   Reklaam

   Oli see samm abiks?Jah |ei |Vajan abi
2. 2
   kerige allalaadimisleheküljel kuni näete Kopeeri ja Kleebi Tekstijupp CDN-võõrustas faile paragrahvi .

   Kopeeri rida koodi oma lõikelauale.Need kolm viide failid on kõik, mida vaja rakendada raamistikku.

   Reklaam

   Oli see samm abiks?Jah |ei |Vajan abi
instagram viewer
3. 3
   Open oma eelistatud arengu tarkvara ja luua uus HTML dokumendi .

   Kui sul ei ole arengut tarkvara, avatud Notepad arvutisse rakendus.

   Oli see samm abiks?Jah |ei |Vajan abi
4. 4
   Lisa viited HTML dokumendi .

   sees oma pea silte kleepida CDN-võõrustas faili linke.

   Oli see samm abiks?Jah |ei |Vajan abi
5. 5
   Loo oma esimese "lehele" .

   Mis jQuery Mobile raames, loote mitu lehekülge samasse HTML dokument.Toas keha sildid, luua div konteiner.Lisa andmete rolli atribuut ning määrata selle väärtuseks lehel .Lõpuks lisa ID atribuut ning määrata selle väärtuseks kodus .

   Oli see samm abiks?Jah |ei |Vajan abi
6. 6
   Lisa päise kaudu , sisu ja jalus div konteinerid .

   sees oma lehele div konteiner, luua veel kolm div sildid.Kasutades andmete rolli atribuut, määrata väärtused päise kaudu , sisu ja jalus võrra.See on põhistruktuur jQuery Mobile lehel.

   Oli see samm abiks?Jah |ei |Vajan abi
7. 7
   Lisa päis ja jalus pealkirjad .

   kasutamine h1 rubriiki tag, luua rubriigi pealkirjad oma päis ja jalus sildid.

   Oli see samm abiks?Jah |ei |Vajan abi
8. 8
   Loo teisel leheküljel .

   Väljaspool div konteinerid, mille andmete rolli atribuudikomplektiga lehele, luua uus div konteiner.Lisa andmete rolli atribuut, ja seejärel seadke lehel.Lisa ID atribuut, ja seejärel seadke see lehekülg 2. Lõpuks lisa div konteinerid päise kaudu, sisu ja jalus, nii struktuuri meenutab kodulehekülg.

   Oli see samm abiks?Jah |ei |Vajan abi
9. 9
   Loo menüülehele .

   menüü lehele läheb loodud samal viisil nagu kaks esimest lehekülge, kuid ilma jalus.Loo div konteiner, ja määrata selle andmete rolli atribuut lehel.Lisa ID atribuut, ja seda väärtust main_nav.

   Oli see samm abiks?Jah |ei |Vajan abi
10. 10
    Loo navigatsioonimenüü struktuuri .

    Toas sisu div konteiner, luua ebakorrapärane nimekirja.Lisa andmete rolli atribuut ning määrata selle väärtuseks Nimekirjavaade.Lisa andmete vahetükk atribuut ning määrata selle väärtuseks true.Toas ul sildid jaoks järjestamata loend, lisada kaks nimekirja-kirje silte( li sildid).

    Oli see samm abiks?Jah |ei |Vajan abi
11. 11
    Loo menüü lingid .

    Inside esimese nimekirja-kirje sildid, luua ankur.Lisa href atribuut ankrusildi.Kasutage hashtag sümbol sihivad ID atribuut, ja siis sõna "kodu".See on suunatud "kodu" div konteiner.Jälgi seda sama protsessi teine ​​loetelu-kirje, kuid seekord tüübist hashtag "Lehekülg2" suunata teisele lehele.

    Oli see samm abiks?Jah |ei |Vajan abi
12. 12
    Lisa menüü linke teistele lehekülgedele .

    Nüüd, kui menüü on loodud, tuleb määrata ankur sildid oma "kodu" ja "lk 2" lehekülgede ligi.Keri üles ja leida päise kaudu osa oma kodulehekülg.Lisa ankrusilt sees päise kaudu konteiner, just enne h1 tag.Kasutades sama linkimine nagu tegite menüü, seadke href atribuut räsimärgi "main_nav".Lisa andmete rolli atribuut, ja seda väärtust nuppu.Lisa andmete ikoon atribuut, ja seda väärtust baari.Lõpuks lisa andmete iconpos atribuut, ja seda väärtust NOTEXT.See loob nuppu vasakule oma päise pealkiri.Korrake seda sammu Lehekülg2 lehel.

    Oli see samm abiks?Jah |ei |Vajan abi
    Reklaam

• luua nii palju lehti sama HTML dokument kui soovid.jQuery Mobile kasutab AJAX navigatsiooni süsteem, mis automaatselt tunda, kui loote mitu lehekülge samas dokumendis.
• Lisa andmete üleminek atribuut ankruks visuaalselt rahustamine üleminek lehekülge.Olemasolevad üleminekud on fade, pop, flip, omakorda voolu, slidefade, slaidi, slideup ja slidedown.
• Kasutage andmed-teema atribuut stiili peaaegu iga osa oma projekti.Vaikimisi jQuery Mobile kaasas viis värvi pintslitõmmete saad kasutada.Theming süsteem kasutab tähti kui väärtusi.Seega andmed-teema atribuut aktsepteerib väärtused a, b, c, d ja e, kui esimest korda alla laadida.Tutvu jQuery Mobile Themeroller luua kohandatud teema, kuni 26 erinevat värvi pintslitõmmete!
• Kasutage andmed positsioonis atribuut luua "kleepuv" või fikseeritud päised ja jalused oma kodulehel.Lisa selle omaduse div konteinerid, mille andmete rolli seatud või jaluse ja andmed positsioonis väärtus fikseeritud.
• Tutvu jQuery Mobile Värv Kit hakata välja 26 erinevat teemat pintslitõmmete.

• Kindlasti kasutada HTML kommentaarid eraldi oma jQuery Mobile lehtede.See säästab tonni aega mööda teed, kui ühe HTML dokumendi mitu "lehekülge" saab ülespuhutud päris kiiresti.

• jQuery Mobile Värv Kit
• jQuery Mobile
• jQuery Mobile Themeroller
• Kui sul on probleeme mõne nimetatud sammud, küsiküsimus rohkem aidata, või post kommentaarid lõik allpool.