Obsah
Existuje mnoho způsobů, jak vyrobit záložky a akordeony, ale rozhodně jQuery a balíček vaší knihovny Uživatelské rozhraní jQuery poskytnout nám nejrychlejší a nejefektivnější způsob implementace těchto prvků.Řasy
Karty nám umožňují seskupit informace na našich webových stránkách podle témat, což uživatelům umožňuje rychle a snadno získat relevantní informace pouhým výběrem požadované karty.
Metoda tabs ()
Metoda záložky(možnosti) prohlašuje, že prvek HTML a jeho obsah musí být zobrazen na kartách, parametry voleb jsou objektem, který určuje vzhled a chování karet.
Metoda záložky () lze použít dvěma způsoby:
• $ (volič, kontext) .tabs (možnosti)
• $ (volič, kontext) .tabs („akce“, parametry)
Podívejme se na příklad jeho implementace:
- Zahrnujeme potřebné soubory, knihovny jQuery a CSS:
- Vytvoříme naši instanci metody záložky () a přiřadíme jej k voliči:
- Nakonec v našem HTML vytvoříme obsah, který bude formátován na našich kartách, je důležité zmínit, že musí být v souladu se strukturou značekpotom štítky
- a nakonec etiketymetoda identifikuje každou kartu.
- Nunc tincidunt
- Proin bolest
- Aenean lacinia
- Zahrnujeme potřebné soubory, knihovny jQuery a CSS:
- Vytvoříme naši instanci metody akordeon () a přiřadíme jej k voliči:
- Nakonec vytvoříme náš HTML respektující strukturu taguobecné následované dalšími tagykteré budou sloužit k identifikaci každého bloku.
- Vytvořit účetZaregistrujte se ZDARMA a získejte svůj účet SolveticZaregistrujte si účet
- IdentifikovatMáte již účet? Přihlaste se zdeIdentifikujte mě na mém účtu
- Zveřejněno 12. srpna 2013 00:54
- Návštěvy 3,7 tis
- ÚroveňProfesionální
- Jak aktualizovat NPM pomocí prostředí PowerShell v systému Windows 10
- Jak přetáhnout a uchopit obrázky pomocí uživatelského rozhraní JQuery
- Jak vytvořit ikonu Spinner nebo načítání pomocí JQuery
- Jak mít web přeložený do několika jazyků
Podívejme se, jak tento příklad vypadá v našem prohlížeči:
Záložky uživatelského rozhraní jQuery - výchozí funkce
Test na kartě 1.
Morbi tincidunt, dui sit amet facilitisis feugiat, I hate metus gravida before, ut pharetra massa metus id nunc. Duis scelerisque otravuje turpis. Fringilla žízeň, massa eget luctus malesuada, metus eros nepohodlí lectus, ut tempus eros massa ut bolest. Aenean aliquet fringilla sem. Suspendisse sed ligula v alikvamu ligula suscipit. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilitisis. Curabitur ornare vyplývající z nunc. Aenean 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.
Test na kartě 3.
Akordeon
Stejně jako karty, akordeon organizuje informace se zvláštností, že to dělá podle bloků, ve kterých se budou zobrazovat pouze informace o bloku, který byl vybrán, zatímco ostatní zůstanou skryté.
Metoda akordeonu ()
Metoda akordeon (opce) určuje, že prvek HTML a jeho obsah bude spravován jako nabídky akordeonového typu. Stejně jako metoda tabs budou možnosti určovat její chování a vzhled.
Metoda akordeon () lze použít dvěma způsoby:
• $ (volič, kontext). Akordeon (možnosti)
• $ (volič, kontext). Akordeon („akce“, parametry)
Podívejme se na příklad jeho implementace:
Náš příklad bude v prohlížeči vypadat takto:
Pomohl vám tento návod?
Pokud nePOMOC VYLEPŠIT TENTO NÁVOD!
Myslíte si, že můžete tento návod opravit nebo vylepšit? Svou edici můžete odeslat se změnami, které považujete za užitečné.Tento tutoriál upravilo 0 uživatelů. Upravte a staňte se uznávaným odborníkem!
Upravit tento návod
PODOBNÉ NÁVODY
Jak přetáhnout a uchopit obrázky pomocí uživatelského rozhraní JQueryJak vytvořit ikonu Spinner nebo načítání pomocí JQueryPluginy a knihovny JQuery pro vývoj webuFlexigrid dynamická mřížka s JQuery a PHPRegulární výrazy s JquerySpráva kontingenčních tabulek pomocí pluginu Jquery DatatablesPorozumění AJAX s jQueryFiltry ve voličích s Jquery a CSS3 II
Žádné komentáře, buďte první!
Nečekejte déle a vstupte do SolveticZanechte své komentáře a využijte výhod uživatelského účtu Přidejte se k nám!Informace
Nejnovější výukové programy pro JavaScript
