A GridTab segítségével készítsen válaszfüggvényeket

Mindig könnyebb a webhelyeket építeni nyílt forráskódú eszközök ahelyett, hogy feltalálná a kereket. Ezek az eszközök a könyvtáraktól a kisebb pluginokig terjednek, de alapvetően bármilyen megoldást találnak.

A fenomenális jQuery GridTab bővítmény egy jó példa. Ez lehetővé teszi egyéni rács létrehozása, meghatározza a töréspontokat, és hozzon létre egy érzékeny füles widgetet amely megfelel bármely webhelynek.

Saját CSS-osztályokat adhat hozzá, vagy a meglévőkkel dolgozhat, hogy létrehozzon egy olyan lapfunkciót, amely megfelel az Ön tervének. Ez a bővítmény is támogatja navigációs elemek a következő / prev vezérlésekhez és váltás a fülek között.

A telepítés szellő, és csak a szükséges jQuery könyvtár függőség. A telepítés után megragadhatja a GridTab-ot npm-től vagy töltse le közvetlenül a GitHub-ból.

Ne feledje, hogy ez a lapozott widget-bővítmény a alapértelmezett stílus, így van egy külön CSS stíluslap a JS plugin fájl tetején. A HTTP-kérések csökkentése érdekében azonban mindig a saját CSS-t egyesítheti.

A plugin inicializálásához egyszerűen átmegy a teljes rácsméret együtt bármely opcionális paraméter (mind a GitHub-on szerepel).

Itt egy egyszerű inicializáló szkript:

 $ (dokumentum). már (funkció () $ ('# gridtab-1'.) gridtab (grid: 3);); 

A beállítások közé tartozik egyéni választók, érzékeny stílusok, határ / párnázat / színbeállítások, és természetesen a visszahívási funkció.

Lehet, hogy kíváncsi vagy, hogy ez hogyan működik, és milyen a böngészőjében. Nézd meg a “Demos” szakasz a néhány példa, beleértve nyers forráskód másolhat.

A legtöbb ember a füleket kis profilú widgetek szolgáltatásaként gondolkodik. azonban, portfólió weboldalak is használhatja rácsok táblázatos funkciókkal és a GridTab plugin a legjobb erőforrás ahhoz, hogy ezt a hatást hozza létre.

Minden, amit tudnod kell, beleértve teljes dokumentáció, megtalálható a GridTab főoldalán. Ez magában foglalja a GitHub repo linkjét is, így böngészhet a forráson, és elkezdheti testreszabhatja saját választható tabulált rácsjait.