Turinys
Yra daugybė būdų, kaip padaryti skirtukus ir akordeonus, bet tikrai „jQuery“ ir jūsų bibliotekos paketas „jQuery“ vartotojo sąsaja pateikti mums greičiausią ir efektyviausią šių elementų įgyvendinimo būdą.Blakstienos
Skirtukai leidžia mums grupuoti informaciją mūsų svetainėje pagal temą, todėl vartotojai gali greitai ir lengvai gauti reikiamą informaciją tiesiog pasirinkę norimą skirtuką.
Skirtukų () metodas
Metodas skirtukus(parinktys) pareiškia, kad HTML elementas ir jo turinys turi būti rodomi skirtukuose, parinkčių parametrai yra objektas, nurodantis skirtukų išvaizdą ir elgseną.
Metodas skirtukai () galima naudoti dviem būdais:
• $ (parinkiklis, kontekstas). Skirtukai (parinktys)
• $ (parinkiklis, kontekstas) .tabs („action“, params)
Pažvelkime į jo įgyvendinimo pavyzdį:
- Įtraukiame reikiamus failus, biblioteką „jQuery“ ir CSS:
- Mes sukuriame savo metodo pavyzdį skirtukai () ir mes susiejame jį su selektoriumi:
- Galiausiai savo HTML formuojame turinį, kuris bus suformatuotas mūsų skirtukuose, svarbu paminėti, kad jis turi atitikti žymų struktūrątada etiketės
- ir galiausiai etiketėsmetodą kiekvienam skirtukui identifikuoti.
- Nunc sutuoktinis
- Proino skausmas
- Eneino lacinija
- Įtraukiame reikiamus failus, biblioteką „jQuery“ ir CSS:
- Mes sukuriame savo metodo pavyzdį akordeonas () ir mes susiejame jį su selektoriumi:
- Galiausiai mes sukuriame savo HTML, atsižvelgdami į žymos struktūrąbendras, po kurio eina kitos žymoskuris padės identifikuoti kiekvieną bloką.
- Sukurti paskyrąUžsiregistruokite NEMOKAMAI, kad gautumėte „Solvetic“ paskyrąUžregistruokite paskyrą
- NustatykiteAr jau turite paskyrą? Prisijunk čiaNustatykite mane savo paskyroje
- Paskelbta 2013 m. Rugpjūčio 12 d. 00:54
- Apsilankymai 3,7 tūkst
- LygisProfesionalus
- Kaip atnaujinti NPM naudojant „PowerShell“ sistemoje „Windows 10“
- Kaip vilkti ir patraukti vaizdus naudojant „JQuery“ vartotojo sąsają
- Kaip sukurti suktuką ar įkėlimo piktogramą naudojant „JQuery“
- Kaip versti svetainę į kelias kalbas
Pažiūrėkime, kaip šis pavyzdys atrodo mūsų naršyklėje:
„jQuery“ vartotojo sąsajos skirtukai - numatytoji funkcija
Skirtuko testas 1.
Morbi tincidunt, dui sit amet facilitisis feugiat, I hate years gravida before, ut pharetra massa metus id nunc. Duis scelerisque erzina terpis. Troškulys fringilla, masažas eget luctus malesuada, metus eros diskomfortas lectus, ut tempus eros massa ut skausmas. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi palengvinimas. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Nuostabi konvoliucija. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
Skirtuko testas 3.
Akordeonas
Kaip ir skirtukai, akordeonas organizuoja informaciją taip, kad tai darytų blokais, kuriuose bus rodoma tik pasirinkto bloko informacija, o kiti lieka paslėpti.
Akordeono () metodas
Metodas akordeonas (pasirinktinai) nurodo, kad HTML elementas ir jo turinys bus tvarkomi kaip akordeono tipo meniu. Kaip ir skirtukų metodas, parinktys nurodys jo elgesį ir išvaizdą.
Metodas akordeonas () galima naudoti dviem būdais:
• $ (parinkiklis, kontekstas). Akordeonas (parinktys)
• $ (parinkiklis, kontekstas). Akordeonas („veiksmas“, params)
Pažvelkime į jo įgyvendinimo pavyzdį:
Mūsų pavyzdys naršyklėje atrodys taip:
Ar ši pamoka jums padėjo?
Jei nePADĖKITE TOBULINTI PAMOKĄ!
Ar manote, kad galite pataisyti ar patobulinti šią mokymo programą? Galite išsiųsti leidimą su pakeitimais, kurie, jūsų nuomone, yra naudingi.0 vartotojų redagavo šią mokymo programą. Redaguokite ir tapkite pripažinta eksperte!
Redaguokite šią mokymo programą
PANAŠŪS PAMOKOS
Kaip vilkti ir patraukti vaizdus naudojant „JQuery“ vartotojo sąsająKaip sukurti suktuką ar įkėlimo piktogramą naudojant „JQuery“„JQuery“ papildiniai ir bibliotekos žiniatinklio kūrimui„Flexigrid“ dinaminis tinklelis su „JQuery“ ir PHPĮprastos išraiškos naudojant „Jquery“„Pivot“ lentelių valdymas naudojant „Jquery Datatables“ papildinįAJAX supratimas naudojant „jQuery“Filtrai selektoriuose su „Jquery“ ir CSS3 II
Be komentarų, būk pirmas!
Nelaukite ilgiau ir įeikite į „Solvetic“Palikite savo komentarus ir pasinaudokite vartotojo abonementu Prisijunkite prie mūsų!Informacija
Naujausios „JavaScript“ pamokos
