Բովանդակություն
- Ինչպես կոդավորել մի քանի էջեր մեկ HTML ֆայլում
- Նկարագրություն
- Ինչպես օգտագործել երկխոսության տուփերն ու անցումները
- Անցումները, որոնք կարող են օգտագործվել
- Նկարագրություն
- Ինչպես ստեղծել կոճակները
- Նկարագրություն
- Ինչպես ստեղծել նավիգացիոն գոտի
- Ինչպես ծածկագրել HTML- ը նավիգացիոն գոտու համար.
- Ինչպես ձևափոխել բովանդակությունը jQuery Mobile- ի միջոցով
- Լռելյայն ոճերը, որոնք օգտագործում է jQuery Mobile- ը
- Նկարագրություն
- Ինչպես կիրառել թեմաներ HTML տարրերի վրա
- Թեման կիրառելու երկու եղանակ.
- Նկարագրություն
- Հեռանկար
Սա խմբագրված հատված է 15-րդ գլխից Murach- ի HTML5 և CSS3 Ruաք Ռուվալկաբայի և Էն Բոեմի կողմից:
jQuery Mobile- ը JavaScript- ի անվճար, բաց կոդով, միջհամակարգային, JavaScript գրադարան է, որը կարող եք օգտագործել բջջային կայքեր մշակելու համար: Այս գրադարանը հնարավորություն է տալիս ստեղծել էջեր, որոնք արտաքինից նման են և զգում են հարազատ բջջային հավելվածի էջեր:
Չնայած jQuery Mobile- ը ներկայումս մատչելի է որպես բետա-թեստային տարբերակ, այս տարբերակն արդեն ապահովում է բոլոր այն հնարավորությունները, որոնք ձեզ հարկավոր են գերազանց բջջային կայք մշակելու համար: Արդյունքում, դուք կարող եք անմիջապես օգտագործել այն: Կարող եք նաև ակնկալել, որ այս տարբերակը շարունակաբար կբարելավվի, այնպես որ jQuery Mobile- ը միայն ավելի լավը կդառնա:
Այս հոդվածում դուք կսովորեք բջջային կայքի էջեր ստեղծելու հիմնական տեխնիկան: Դա կներառի երկխոսության տուփերի, կոճակների և նավիգացիոն գծերի օգտագործումը:
Ինչպես կոդավորել մի քանի էջեր մեկ HTML ֆայլում
Ի տարբերություն էկրանի վեբ կայքի համար վեբ էջերի մշակման եղանակի, jQuery Mobile- ը հնարավորություն է տալիս ստեղծել մի քանի էջ մեկ HTML ֆայլում: Սա նկարազարդվում է նկար 15-7-ով: Այստեղ այս էջերի համար HTML- ի հետ միասին կարող եք տեսնել կայքի երկու էջ: 'Sարմանալին այն է, որ երկու էջերն էլ կոդավորված են մեկ HTML ֆայլի մեջ:
Յուրաքանչյուր էջի համար դուք կոդավորում եք մեկ div տարր `« էջ »-ով, որպես տվյալների դերի հատկանիշի արժեք: Դրանից հետո այդ div տարրերից յուրաքանչյուրում դուք կոդավորում եք div տարրերը յուրաքանչյուր էջի վերնագրի, բովանդակության և տողատակի համար: Ավելի ուշ, երբ HTML ֆայլը բեռնվում է, ցուցադրվում է ֆայլի մարմնի առաջին էջը:
HTML ֆայլի էջերի միջև կապելու համար դուք օգտագործում եք տեղապահներ, ինչպես ցույց է տրված 7-րդ գլխի 7-11 նկարում: Օրինակ, այս օրինակի առաջին էջի a> տարրը գնում է «#toobin», երբ օգտագործողը կտտացնում է h2 կամ img տարր, որը ծածկագրված է որպես այս հղման բովանդակություն: Սա վերաբերում է div տարրին ՝ «toobin» - ով, որպես իր id հատկանիշ, ինչը նշանակում է, որ հղումը թակելուց ընթերցողին տանում է ֆայլի երկրորդ էջ:
Չնայած այս օրինակը ցույց է տալիս ընդամենը երկու էջ, դուք կարող եք բազմաթիվ էջեր կոդավորել մեկ HTML ֆայլի մեջ: Հիշեք, սակայն, որ բոլոր էջերը ՝ իրենց պատկերներով, JavaScript- ով և CSS ֆայլերով, բեռնված են մեկ HTML ֆայլով: Արդյունքում, բեռնման ժամանակը կդառնա չափազանց մեծ, եթե մեկ ֆայլում չափազանց շատ էջեր պահեք: Երբ դա տեղի ունենա, դուք կարող եք բաժանել ձեր էջերը մեկից ավելի HTML ֆայլերի:
HTML մեկ HTML ֆայլի մարմնում երկու էջի համար.
div data-role = "page"> վերնագիր data-role = "header"> h1> SJV Town Hall / h1> / header> section data-role = "content"> h3> 2011-2012 Բարձրախոսներ / h3> a href = "# toobin"> h4> Jeffrey Toobinbr> 19 հոկտեմբերի, 2011 / h4> img src = "images / toobin75.webp" alt = "Jeffrey Toobin"> / a>! - ԽՈՍՆԱԿՆԵՐԻ ՀԱՆԳՍՏՅԱՆ ՏԵՍԱԿՆԵՐԸ - -> / section> footer data-role = "footer"> h4> © 2011 / h4> / footer> / div> div data-role = "page" id = "toobin"> վերնագիր data-role = "header"> h1> SJV Town Hall / h1> / header> section data-role = "content"> h3> Supreme Nine: br> Black Robed Secrets / h3> img src = "images / toobin_court.cnn.webp" alt = "Jeffrey Toobin "> p> Քննադատորեն գնահատված բեսթսելլերի հեղինակ, i> The Nine:! - ԸՆԿԵՐՈՒԹՅՈՒՆԸ ՇԱՐՈՒՆԱԿՈՒՄ Է -> / բաժին> էջատակ data-role =" footer "> h4> © 2011 / h4> / footer> / div>
Նկարագրություն
- Երբ օգտագործում եք jQuery Mobile- ը, անհրաժեշտ չէ յուրաքանչյուր էջի համար մշակել առանձին HTML ֆայլ: Փոխարենը, մեկ HTML ֆայլի մարմնի տարրում դուք կոդավորում եք մեկ div տարր յուրաքանչյուր էջի համար ՝ իր տվյալների դերի հատկանիշով սահմանված «էջ»:
- Յուրաքանչյուր div տարրի համար id հատկանիշը դնում եք տեղապահի արժեքի վրա, որը կարող է մուտք գործել href հատկանիշները այլ էջերի a> տարրերում:
Ինչպես օգտագործել երկխոսության տուփերն ու անցումները
Նկար 15-8-ը ցույց է տալիս, թե ինչպես կարելի է ստեղծել երկխոսության տուփ, որը բացվում է հղումը թակելիս: Դա անելու համար դուք կոդավորում եք երկխոսության տուփը ճիշտ այնպես, ինչպես ցանկացած էջում: Բայց այդ էջին մուտք գործող a> տարրում դուք ծածկագրում եք տվյալների վերագրման հատկանիշը `որպես արժեք« dia- log »:
Ինչպես ցույց են տալիս այս պատկերի օրինակները, jQuery Mobile CSS ֆայլը երկխոսության տուփ է ձևավորում այլ կերպ, քան սովորական վեբ էջը: Լռելյայնորեն, երկխոսության տուփը կունենա մուգ ֆոն `սպիտակ առաջին պլանի տեքստով, և վերնագիրն ու էջատակը չեն տարածելու էջի լայնությունը: Վերնագրի մեջ երկխոսության տուփը կունենա նաև «X», որը օգտագործողը պետք է հպի ՝ նախորդ էջին վերադառնալու համար:
Երբ կոդավորում եք a> տարր, որը մեկնում է մեկ այլ էջ կամ երկխոսության տուփ, կարող եք նաև օգտագործել տվյալների փոխանցման հատկանիշը ՝ նշելու համար այն վեց անցումներից մեկը, որոնք ամփոփված են աղյուսակում այս նկարում: Այս անցումներից յուրաքանչյուրը կոչված է ընդօրինակելու էֆեկտը, որն օգտագործում է iPhone- ի նման բջջային սարքը:
Անցումները, որոնք կարող են օգտագործվել
| Սլայդ | Հաջորդ էջը սահում է աջից ձախ: |
| սահում | Հաջորդ էջը ներքևից վերև է սահում: |
| սահել | Հաջորդ էջը վերևից ներքև է սահում: |
| փոփ | Հաջորդ էջը մարում է էկրանի կեսից: |
| մոռացվել | Հաջորդ էջը գունաթափվում է: |
| մատով խփել | Հաջորդ էջը ետ է թեքվում ետևից ՝ նմանվելով շրջվելիք խաղաքարտի: Այս անցումը չի ապահովվում որոշ սարքերում: |
HTML- ը, որը էջը բացում է որպես երկխոսության դաշտ `« փոփ »անցումով.
a href = "# toobin" data-rel = "երկխոսություն" data-transit = "pop">
HTML, որը բացում է էջը «մարել» անցումով.
a href = "# toobin" data-transit = "fade">
Նկարագրություն
- HTML- ը ա երկխոսության տուփ ծածկագրվում է այնպես, ինչպես ցանկացած էջը ծածկագրվում է: Այնուամենայնիվ, էջին հղվող a> տարրը ներառում է data-rel հատկանիշը, որի արժեքը կազմում է «երկխոսությունը»: Երկխոսության տուփը փակելու համար օգտագործողը կտտացնում է X- ը տուփի վերնագրում:
- Որպեսզի նշեք էջը կամ երկխոսության տուփը բացելու եղանակը, կարող եք օգտագործել տվյալների փոխանցման հատկանիշը վերը նշված աղյուսակի արժեքներից մեկի հետ: Եթե սարքը չի աջակցում ձեր կողմից նշված անցումը, հատկանիշը անտեսվում է:
- Երկխոսության տուփի ձևավորումը կատարվում է jQuery Mobile CSS ֆայլով:
Ինչպես ստեղծել կոճակները
Նկար 15-9-ը ցույց է տալիս, թե ինչպես օգտագործել կոճակները մի էջից մյուսը նավարկելու համար: Դա անելու համար դուք պարզապես a> տարրի համար տվյալների դերի հատկանիշը դնում եք «կոճակ», իսկ jQuery Mobile- ն անում է մնացածը:
Այնուամենայնիվ, կոճակների համար կարող եք նաև սահմանել որոշ այլ հատկանիշներ: Եթե, օրինակ, ուզում եք, որ երկու կամ ավելի կոճակներ կողք կողքի հայտնվեն, ինչպես այս նկարի առաջին երկու կոճակները, կարող եք տվյալների ներդիրի հատկությունը դարձնել «ճշմարիտ»:
Եթե ցանկանում եք jQuery Mobile- ի կողմից տրամադրված 18 պատկերակներից մեկը ավելացնել կոճակին, ապա կոդավորում եք նաև տվյալների պատկերակ հատկանիշը: Օրինակ, այս օրինակի երրորդ կոճակը օգտագործում է «ջնջել» պատկերակը, իսկ չորրորդ կոճակը `« տուն »պատկերակը: Այս բոլոր սրբապատկերները նման են այն սրբապատկերների, որոնք կարող եք տեսնել հայրենի բջջային հավելվածում: Ի դեպ, այս պատկերակները առանձին ֆայլեր չեն, որոնց էջը պետք է մուտք ունենա: Փոխարենը դրանք տրամադրվում են jQuery Mobile գրադարանի կողմից:
Եթե ցանկանում եք հորիզոնականորեն խմբավորել երկու կամ ավելի կոճակներ, ինչպես «Այո», «Ոչ» և «Միգուցե» կոճակները, այս նկարի մեջ, կարող եք կոդերի a> տարրերը կոդավորել div տարրի մեջ գտնվող կոճակների համար, որը որպես «datagroup» հատկանիշ ունի «վերահսկման խումբ» և «Հորիզոնական» ՝ որպես տվյալների տիպի հատկանիշ: Կամ, կոճակները ուղղահայաց խմբավորելու համար, դուք կարող եք փոխել տվյալների տիպի հատկանիշը «ուղղահայաց»:
Եթե կոճակի համար data-rel հատկանիշը դնեք «ետ», իսկ href հատկանիշը ֆունտի խորհրդանիշին (#), կոճակը կվերադառնա այն զանգահարող էջ: Այլ կերպ ասած, կոճակն աշխատում է Back կոճակի նման: Սա նկարազարդված է էջի համար պարունակվող բովանդակության վերջին կոճակով:
Վերջին երկու կոճակները ցույց են տալիս, թե ինչպես են կոճակները հայտնվում էջի տողատակում: Այստեղ պատկերակները և տեքստը սպիտակ են սեւ ֆոնի վրա: Այս դեպքում, տողատակի դասի հատկանիշը դրված է որպես «ui-bar», որը jQuery Mobile- ին ասում է, որ այն պետք է մի փոքր ավելի շատ տարածք տեղադրի տողատակերի բովանդակության շուրջ: Այդ մասին ավելին կսովորեք 15-12 նկարում:
Բաժնում նշված կոճակների HTML- ը.
- Ներքին կոճակների համար տվյալների տողի հատկանիշը դնել true -> a href = "#" data-role = "կոճակ" data-inline = "true"> Չեղարկել / a> a href = "#" տվյալներ -role = "կոճակ" data-inline = "true"> OK / a>! - Կոճակին պատկերակ ավելացնելու համար օգտագործիր data-icon հատկանիշը -> a href = "#" data-role = "կոճակը "data-icon =" delete "> Delete / a> a href =" # "data-role =" կոճակ "data-icon =" home "> Home / a>! - Կոճակները խմբավորելու համար օգտագործեք div տարր ատրիբուտները, որոնք հետևում են -> div data-role = "controlgroup" data-type = "horizontal"> a href = "#" data-role = "կոճակ" data-icon = "check"> Այո / a> a href = "#" data-role = "կոճակ" data-icon = "arrow-d"> Ոչ / a> a href = "#" data-role = "կոճակ"> Միգուցե / a> / div>! - Դեպի կոդավորեք «Վերադարձ» կոճակը, տվյալների վերափոխման հատկանիշը հետ դրեք -> a href = "#" data-role = "կոճակ" dat-rel = "ետ" data-icon = "վերադառնալ"> Վերադառնալ նախորդ էջ / a >>
Ներքևի էջի կոճակների համար HTML.
footer data-role = "footer"> a href = "http://www.facebook.com" data-role = "կոճակ" data-icon = "plus"> Ավելացնել Facebook / a> a href = "http: //www.twitter.com "data-role =" կոճակ "data-icon =" plus "> Ուղարկել այս էջը / a> / footer>
Նկարագրություն
- Վեբ էջին կոճակ ավելացնելու համար դուք կոդավորում եք a> տարրը `իր տվյալների դերի հատկանիշով սահմանված« կոճակ »:
Ինչպես ստեղծել նավիգացիոն գոտի
Նկար 15-10-ը ցույց է տալիս, թե ինչպես կարող եք էջի նավիգացիոն գոտի ավելացնել: Դա անելու համար դուք կոդավորում եք div տարրը, որի տվյալների դերը դրված է որպես «navbar»: Այս տարրի շրջանակներում Դուք կոդավորում եք ul տարր, որը պարունակում է li տարրեր, որոնք պարունակում են a> տարրերը նավիգացիոն գոտում գտնվող իրերի համար: Այնուամենայնիվ, նշեք, որ դուք չեք կոդավորում a> տարրերի տվյալների դերի հատկանիշը:
Նավիգացիոն գոտում գտնվող իրերի գույնը փոխելու համար, այս օրինակում նշված կոդը պարունակում է data-theme-b հատկությունը յուրաքանչյուր իրի համար: Արդյունքում, jQuery Mobile- ը յուրաքանչյուր իրի ֆոնի գույնը փոխում է սեւից, որը լռելյայն է, դառնում է գրավիչ կապույտ: Բացի այդ, այս կոդը ակտիվ կոճակի դասի հատկանիշը սահմանում է «ui-btn-active», այնպես որ jQuery Mobile- ը ակտիվ կոճակի գույնը փոխում է ավելի բաց կապույտի: Սա ցույց է տալիս, թե ինչպես կարող եք փոխել jQuery Mobile- ի կողմից օգտագործվող ձևաչափումը, և հաջորդիվ այդ մասին ավելին կսովորեք:
HTML ՝ նավիգացիոն գոտու համար.
վերնագիր data-role = "header"> h1> SJV Town Hall / h1> div data-role = "navbar"> ul> li> a href = "# home" data-icon = "home" data-theme = "b "> Home / a> / li> li> a href =" # խոսնակներ "data-icon =" star "data-theme =" b "> Բարձրախոսներ / a> / li> li> a href =" # կոնտակտային տվյալներ- icon = "grid" data-theme = "b"> Կապվեք մեզ հետ / a> / li> / ul> / div> / header>
Ինչպես ծածկագրել HTML- ը նավիգացիոն գոտու համար.
- Վերնագրի տարրի մեջ կոդավորեք div տարր: Դրանից հետո, div տարրի համար տվյալների դերի հատկանիշը սահմանեք «navbar»:
- Div տարրի մեջ ծածկագրեք ul տարրը, որը պարունակում է մեկ li տարր յուրաքանչյուր հղման համար:
- Յուրաքանչյուր li- ի տարրում կոդավորեք a> տարրը href հատկանիշով, որն օգտագործում է տեղապահ պահող էջի համար, որի հղումը պետք է գնա: Դրանից հետո նախադրեք data-icon հատկանիշը ձեր ընտրած պատկերակին:
- Նավիգացիոն գոտու ակտիվ նյութի համար դասի հատկանիշը դնել «ui-btn-active»:Դրանից հետո այս ապրանքի գույնը ավելի բաց կլինի, քան նավիգացիոն գոտու մյուս տարրերը:
- Դուք նույնպես պետք է օգտագործեք տվյալների թեման հատկանիշը ՝ նավիգացիոն գոտու յուրաքանչյուր իրի վրա jQuery Mobile թեման կիրառելու համար: Հակառակ դեպքում բարում եղած կոճակները նույն գույնը կունենան, ինչ վերնագրի մնացած մասը: Թեմաներ կիրառելու մասին ավելին իմանալու համար տե՛ս նկար 15-12:
Ինչպես ձևափոխել բովանդակությունը jQuery Mobile- ի միջոցով
Ինչպես արդեն տեսել եք, jQuery Mobile- ը ավտոմատ կերպով ձևավորում է ինտերնետային էջի բաղադրիչները `հիմնվելով իր սեփական ոճի թերթիկի վրա: Այժմ դուք կսովորեք ավելին այդ մասին, ինչպես նաև այն մասին, թե ինչպես հարմարեցնել jQuery Mobile- ի լռելյայն ոճավորումը:
Լռելյայն ոճերը, որոնք օգտագործում է jQuery Mobile- ը
Նկար 15-13-ը ցույց է տալիս լռելյայն ոճերը, որոնք jQuery Mobile- ն օգտագործում է ընդհանուր HTML տարրերի համար: Իր բոլոր ոճերի համար jQuery Mobile- ը ապավինում է զննարկչի մատուցման շարժիչին, ուստի սեփական ոճը նվազագույն է: Սա արագ պահում է բեռնման ժամանակները և նվազագույնի է հասցնում այն ավելորդ ծախսերը, որոնք ավելորդ CSS- ն կպահեր էջի վրա:
Ինչպես տեսնում եք, jQuery Mobile- ի ոճավորումը այնքան արդյունավետ է, որ ձեզ հարկավոր չէ փոփոխել դրա ոճավորումը `տրամադրելով ձեր սեփական CSS ոճի թերթիկը: Օրինակ, անկարգավորված ցուցակի իրերի և աղյուսակի ձևաչափման միջև հեռավորությունը և՛ ընդունելի են, ինչպես լինում են: Բացի այդ, մոխրագույն ֆոնի վրա սև տեսակը համապատասխանում է բնիկ բջջային հավելվածների ձևաչափմանը:
Նկարագրություն
- Լռելյայնորեն, jQuery Mobile- ը ավտոմատ կերպով ոճեր է կիրառում էջի HTML տարրերի վրա: Այս ոճերը ոչ միայն գրավիչ են, այլև ընդօրինակում են զննարկչի բնածին ոճերը:
- Լռելյայնորեն, jQuery Mobile- ը յուրաքանչյուր բջջային էջի ձախ, աջ, վերև և ներքևում փոքր քանակությամբ լցոն է կիրառում:
- Լռելյայն, հղումները մի փոքր ավելի մեծ են, քան սովորական տեքստը: Սա օգտվողին հեշտացնում է հղումները հպելը:
- Լռելյայնորեն, հղումներն ընդգծված են կապույտով ՝ որպես տառատեսակի գույն:
Ինչպես կիրառել թեմաներ HTML տարրերի վրա
Որոշ դեպքերում դուք կցանկանաք փոխել լռելյայն ոճերը, որոնք օգտագործում է jQuery Mobile- ը: Դա արդեն տեսել եք 15-10 նկարի նավիգացիոն գոտում: Լռելյայն ոճերը փոխելու համար կարող եք օգտագործել jQuery Mobile- ի տրամադրած հինգ թեմաները: Դրանք ամփոփված են նկար 15-12-ում: Կրկին այս թեմաները նպատակ ունեն կրկնօրինակելու հայրենի բջջային հավելվածի տեսքը:
Թեմաներ կիրառելու միջոցներից մեկը տվյալների թեման հատկանիշի ծածկագրումն է ՝ որպես դրա արժեք ՝ թեմայի նամակը: Դուք դա տեսել եք 15-10 նկարում պատկերված նավիգացիոն գոտում, և դա կարող եք տեսնել այս պատկերի երկրորդ նավիգացիոն գծի ծածկագրում: Այստեղ տվյալների թեման հատկանիշը «ե» թեման կիրառում է վերնագրի վրա, իսկ «դ» թեման ՝ նավիգացիոն գոտու կետերին:
Թեմաներ կիրառելու մեկ այլ եղանակ է `տարրի համար դասի հատկանիշը դնել դասի անունով, որը նշում է թեման: Սա նկարազարդվում է աղյուսակից հետո առաջին օրինակով: Այստեղ դասի հատկանիշն օգտագործվում է div տարրին թե՛ «ui-bar», թե՛ «ui-bar-b» դասերը կիրառելու համար: Արդյունքում, jQuery Mobile- ը նախ կիրառում է իր լռելյայն ոճավորումը ձողի համար տարրին, ապա կիրառում է b թեման այդ ոճավորման համար: Հաջորդ էջերում կտեսնեք այս տեսակի ոճավորման այլ օրինակներ:
Խնդրում ենք նկատի ունենալ, որ այս նկարի աղյուսակում ասվում է, որ թեման քիչ է օգտագործվում: Դա այն պատճառով է, որ այն օգտագործում է նարնջագույն գույն, որը լավ է գործում իրը շեշտադրելու համար, բայց մեծ չափաբաժիններով գրավիչ չէ: Սա նկարազարդված է այս նկարի երկրորդ վերնագրի և նավիգացիոն գոտու կողմից, որը հակված է լինել գույնզգույն, երբ տեսնում եք այն:
Ընդհանուր առմամբ, ամենալավն այն է, որ մնանք լռելյայն ոճերի և առաջին երեք թեմաների հետ, որոնք սովորաբար լավ են աշխատում միասին: Դրանից հետո դուք կարող եք փորձարկել թեմաներով d և e, երբ կարծում եք, որ ձեզ ավելին է պետք:
HTML երկրորդ վերնագրի և նավիգացիոն գոտու համար.
վերնագիր data-role = "header" data-theme = "e"> h1> SJV Town Hall / h1> div data-role = "navbar"> ul> li> a href = "# home" data-icon = "home "data-theme =" d "> Home / a> / li> li> a href =" # խոսնակներ "data-icon =" star "data-theme =" d "> Բարձրախոսներ / a> / li> li> a href = "# news" id = "news" data-icon = "grid" data-theme = "d"> Նորություններ / a> / li> / ul> / div> / վերնագիր>
JQuery Mobile- ի հինգ թեմաները.
| ա | Սև ֆոն `սպիտակ առաջին պլանով: Սա լռելյայն է: |
| բ | Կապույտ ֆոն ՝ սպիտակ առաջին պլանով: |
| գ | Բաց մոխրագույն ֆոն `սեւ առաջին պլանով: Տեքստը կհայտնվի թավ տառերով: |
| դ | Մուգ մոխրագույն ֆոն `սեւ առաջին պլանով: Տեքստը չի հայտնվի թավ տառերով: |
| ե | Նարնջագույն ֆոն `սեւ առաջին պլանով: Օգտագործեք շեշտադրումների համար և օգտագործեք խնայողաբար: |
Թեման կիրառելու երկու եղանակ.
Օգտագործելով տվյալների թեման հատկանիշը.
li> a href = "# տուն" data-icon = "տուն" data-theme = "b"> Տուն / ա> / լի>
Օգտագործելով դասի հատկանիշ, որը ցույց է տալիս թեման.
Նկարագրություն
- Օգտագործելով jQuery Mobile- ի հետ ներառված հինգ թեմաները, Դուք կարող եք համապատասխան ճշգրտումներ կատարել HTML տարրերի լռելյայն ոճերի համար:
- Չնայած jQuery Mobile հավելվածի միջոցով կարող եք օգտագործել ձեր սեփական CSS ոճի թերթը, բայց հնարավորության դեպքում պետք է խուսափել դա անելուց:
Հեռանկար
Վերջին մի քանի տարիների ընթացքում շարժական սարքերի օգտագործումը կտրուկ աճել է: Այդ պատճառով ավելի ու ավելի է կարևորվել վեբ կայքերի նախագծումը, որոնք հեշտ է օգտագործել այս սարքերից: Չնայած դա սովորաբար նշանակում է ստեղծել առանձին կայք, սա կարող է լինել կարևոր ասպեկտ Ինտերնետում ձեր ներկայությունը պահպանելու համար:
Բարեբախտաբար, jQuery Mobile- ի գալուստով բջջային կայք ստեղծելու խնդիրը շատ ավելի հեշտացավ: Բջջային ինտերնետային էջերն այլևս չեն սահմանափակվում ստատիկ էջերով, որոնք պարունակում են վերնագրեր, պարբերություններ, հղումներ և մանրապատկերներ: JQuery Mobile- ի միջոցով վեբ մշակողները այժմ կարող են կառուցել հարուստ հատկանիշներով վեբ կայքեր, որոնք արտաքին տեսք ունեն և զգում են հարազատ շարժական ծրագրեր:
