Sadržaj
Postoji mnogo načina za izradu pločica i harmonika, ali definitivno jQuery i vaš bibliotečki paket sučelje jQuery omogućiti nam najbrži i najučinkovitiji način implementacije ovih elemenata.Trepavice
Kartice nam omogućuju grupiranje informacija na našoj web stranici prema temama, što korisnicima omogućuje brzo i jednostavno dobivanje relevantnih informacija odabirom željene kartice.
Metoda tabs ()
Način kartice(options) izjavljuje da se element HTML -a i njegov sadržaj moraju prikazati na karticama, a parametri opcija su objekt koji specificira izgled i ponašanje kartica.
Način kartice () može se koristiti na dva načina:
• $ (birač, kontekst). Kartice (opcije)
• $ (selektor, kontekst) .tabs ("akcija", parami)
Pogledajmo primjer njegove implementacije:
- Uključujemo potrebne datoteke, knjižnice jQuery i CSS:
- Mi stvaramo svoju instancu metode kartice () i povezujemo ga s selektorom:
- Konačno u našem HTML -u stvaramo sadržaj koji će biti oblikovan na našim karticama, važno je napomenuti da mora biti u skladu sa strukturom oznakazatim etikete
- i na kraju etiketeza metodu identifikacije svake kartice.
- Nunc tincidunt
- Proin bol
- Aenean lacinia
- Uključujemo potrebne datoteke, knjižnice jQuery i CSS:
- Mi stvaramo svoju instancu metode harmonika () i povezujemo ga s selektorom:
- Na kraju stvaramo naš HTML poštujući strukturu oznakeopćenito slijede ostale oznakekoji će poslužiti za identifikaciju svakog bloka.
- Stvorite računBESPLATNO se prijavite za svoj Solvetic računRegistrirajte račun
- IdentificiratiImate li već račun? Prijavite se ovdjeIdentificirajte me na svom računu
- Objavljeno 12. kolovoza 2013. 00:54
- Posjete 3,7K
- RazinaProfesionalno
- Kako ažurirati NPM s PowerShell -om u sustavu Windows 10
- Kako povlačiti i hvatati slike pomoću JQuery korisničkog sučelja
- Kako napraviti Spinner ili ikonu učitavanja s JQueryjem
- Kako web stranicu prevesti na nekoliko jezika
Pogledajmo kako ovaj primjer izgleda u našem pregledniku:
Kartice sučelja jQuery - Zadana funkcionalnost
Tab test 1.
Morbi tincidunt, dui sit amet facilisis feugiat, prije mrzim metus gravida, ut pharetra massa metus id nunc. Duis scelerisque annoy turpis. Žeđ fringilla, massa eget luctus malesuada, metus eros nelagoda lectus, ut tempus eros massa ut bol. Enejski aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare posljedica nunc. Enejski vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
Tab test 3.
Harmonika
Kao i kartice, harmonika organizira informacije s posebnošću da to čini po blokovima u kojima će biti prikazane samo informacije o odabranom bloku, dok ostale ostaju skrivene.
Metoda harmonike ()
Način harmonika (opcije) navodi da će se elementom HTML-a i njegovim sadržajem upravljati kao izbornicima tipa harmonika. Kao i metoda tabs, opcije će odrediti njezino ponašanje i izgled.
Način harmonika () može se koristiti na dva načina:
• $ (birač, kontekst). Harmonika (opcije)
• $ (selektor, kontekst). Harmonika ("akcija", parami)
Pogledajmo primjer njegove implementacije:
Naš primjer će izgledati ovako u pregledniku:
Je li vam ovaj vodič pomogao?
Ako nePOMOZITE POBOLJŠAJTE OVAJ VODIČ!
Mislite li da možete ispraviti ili poboljšati ovaj vodič? Možete poslati svoje izdanje s promjenama koje smatrate korisnima.0 korisnika je uredilo ovaj vodič. Uredite i postanite priznati stručnjak!
Uredite ovaj vodič
SLIČNI VODIČI
Kako povlačiti i hvatati slike pomoću JQuery korisničkog sučeljaKako napraviti Spinner ili ikonu učitavanja s JQueryjemDodaci i knjižnice JQuery za web razvojFlexigrid dinamička mreža s JQuery i PHPRegularni izrazi s JqueryjemUpravljanje zaokretnim tablicama s dodatkom Jquery DatatablesRazumijevanje AJAX -a s jQueryjemFiltri u izbornicima s Jqueryjem i CSS3 II
Bez komentara, budite prvi!
Ne čekajte više i uđite u SolveticOstavite svoje komentare i iskoristite korisnički račun Pridružite nam se!Informacija
Najnoviji udžbenici za JavaScript
