Satura rādītājs
Ir daudz veidu, kā izveidot cilnes un akordeonus, bet noteikti jQuery un jūsu bibliotēkas komplekts jQuery lietotāja saskarne nodrošiniet mums ātrāko un efektīvāko veidu, kā ieviest šos elementus.Skropstas
Cilnes ļauj mums grupēt informāciju mūsu vietnē pēc tēmas, ļaujot lietotājiem ātri un viegli iegūt atbilstošu informāciju, vienkārši izvēloties vajadzīgo cilni.
Cilnes () metode
Metode cilnes(opcijas) paziņo, ka HTML elementam un tā saturam jābūt parādītam cilnēs, opciju parametri ir objekts, kas nosaka cilņu izskatu un darbību.
Metode cilnes () var izmantot divos veidos:
• $ (atlasītājs, konteksts). Cilnes (opcijas)
• $ (atlasītājs, konteksts) .tabs ("darbība", parametri)
Apskatīsim tā ieviešanas piemēru:
- Mēs iekļaujam nepieciešamos failus, bibliotēkas jQuery un CSS:
- Mēs izveidojam savu metodes piemēru cilnes () un mēs to saistām ar atlasītāju:
- Visbeidzot savā HTML mēs izveidojam saturu, kas tiks formatēts mūsu cilnēs, ir svarīgi pieminēt, ka tam jāatbilst tagu struktūraitad etiķetes
- un visbeidzot etiķetesmetode katras cilnes identificēšanai.
- Vientuļnieks
- Proin sāpes
- Enēnas lacinija
- Mēs iekļaujam nepieciešamos failus, bibliotēkas jQuery un CSS:
- Mēs izveidojam savu metodes piemēru akordeons () un mēs to saistām ar atlasītāju:
- Visbeidzot, mēs izveidojam savu HTML, ievērojot taga struktūruvispārīgi, kam seko citi tagikas kalpos katra bloka identificēšanai.
- Izveidot profiluReģistrējieties BEZMAKSAS, lai iegūtu savu Solvetic kontuReģistrējiet kontu
- IdentificējietVai jums jau ir konts? Pierakstieties šeitIdentificējiet mani savā kontā
- Publicēts 2013. gada 12. augusts 00:54
- Apmeklējumi 3,7 tūkstoši
- LīmenisProfesionāls
- Kā atjaunināt NPM, izmantojot PowerShell operētājsistēmā Windows 10
- Kā vilkt un satvert attēlus, izmantojot JQuery lietotāja saskarni
- Kā izveidot vērpšanas vai ielādes ikonu, izmantojot JQuery
- Kā tulkot vietni vairākās valodās
Apskatīsim, kā šis piemērs izskatās mūsu pārlūkprogrammā:
jQuery UI cilnes - noklusējuma funkcionalitāte
Cilnes tests 1.
Morbi tincidunt, dui sit amet facilitisis feugiat, I hate years gravida before, ut pharetra massa metus id nunc. Duis scelerisque annoy terpis. Slāpes fringilla, massa eget luctus malesuada, metus eros diskomforts lectus, ut tempus eros massa ut sāpes. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi atvieglojums. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Lieliski konverģenti. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
Cilnes tests 3.
Akordeons
Tāpat kā cilnes, arī akordeons organizē informāciju, īpaši to darot pa blokiem, kuros tiks parādīta tikai atlasītā bloka informācija, bet pārējie paliek paslēpti.
Akordeona () metode
Metode akordeons (opcijas) norāda, ka HTML elements un tā saturs tiks pārvaldīti kā akordeona tipa izvēlnes. Tāpat kā cilņu metode, opcijās tiks norādīta tās uzvedība un izskats.
Metode akordeons () var izmantot divos veidos:
• $ (atlasītājs, konteksts). Akordeons (opcijas)
• $ (atlasītājs, konteksts). Akordeons ("darbība", parametri)
Apskatīsim tā ieviešanas piemēru:
Mūsu piemērs pārlūkprogrammā izskatīsies šādi:
Vai šī apmācība jums palīdzēja?
Ja nēPALĪDZIET UZLABOT ŠO PAMĀCĪBU!
Vai jūs domājat, ka varat labot vai uzlabot šo apmācību? Jūs varat nosūtīt izdevumu ar izmaiņām, kuras uzskatāt par noderīgām.0 lietotāji ir rediģējuši šo apmācību. Rediģējiet un kļūstiet par atzītu ekspertu!
Rediģēt šo pamācību
LĪDZĪGAS PAMĀCĪBAS
Kā vilkt un satvert attēlus, izmantojot JQuery lietotāja saskarniKā izveidot vērpšanas vai ielādes ikonu, izmantojot JQueryJQuery spraudņi un bibliotēkas tīmekļa izstrādeiFlexigrid dinamiskais režģis ar JQuery un PHPRegulāras izteiksmes ar JqueryPivot tabulu pārvaldīšana, izmantojot spraudni Jquery DatatablesIzpratne par AJAX ar jQueryFiltri atlasītājos ar Jquery un CSS3 II
Bez komentāriem, esiet pirmais!
Negaidiet un dodieties uz SolveticAtstājiet savus komentārus un izmantojiet lietotāja konta priekšrocības Pievienojieties mums!Informācija
Jaunākās JavaScript apmācības
