10 kõige põnevamat jQuery võrku
jQuery on tavaliselt esimene valik enamikule inimestele, kes soovivad JavaScripti programmeerimisel oma jalgu sukelduda, kuna see annab lihtsa meetodi HTML-elementide valimiseks ja DOM-i manipuleerimiseks. JQuery on W3Techsi viimaste statistiliste andmete kohaselt väga populaarne, “jQueryt kasutavad 95,4% kõigist veebisaitidest, mille JavaScript-raamatukogu me teame.”
jQuery-d kasutavad ka paljud JavaScripti raamatukogud sõltuvuseks ja uue suurema väljaande jQuery 3.0 alfa-versioon on juba olemas. Kui teie projekt kasutab mingil moel jQueryt ja soovite dünaamiline, paindlik paigutus Teie disaini jaoks tasub kaaluda jQuery grid-plugina lisamist oma esipakki.
Kuidas jQuery võrgud toimivad?
jQuery võrgud võimaldavad teil luua oma saidile Pinterestile sarnased paigutused. Nad töötavad nagu virtuaalne maatriks, nad järgivad “kasti sees” põhimõtet. jQuery võrgud arvutavad dünaamiliselt, milline on üksuste parim paigutus, ja täitke leht nendega nii, et see jätab kõige vähem tühja ruumi..
JQuery võrkude peamine eelis võrreldes CSS-võrkudega on see, et nad töötavad piltide või muude meediumielementidega, millel on erinevad laiused ja kõrgused. Cool JavaScript efektid on ka suur põhjus, miks kasutada jQuery võrke, et luua kaasaegne paigutus.
Selles postituses saate lugeda 10 kõige põnevamat jQuery võrku mis on praegu turul - muidugi, nagu ka jQuery, on kõik need avatud lähtekoodiga ja tasuta.
1. jQuery Nested
jQuery Nested pakub teile käepärast mitme veeru ruudustik, mis on tundlik ja töötab kõikvõimalike seadmete vahel. See jQuery plugin reklaamib ennast täiesti vahepeatuseta. Algul võib see loosung tunduda odavalt turunduse trikkina, kuid plugin tõepoolest saavutab lõhe-vabaduse väga hästi, nagu ka tema loojad lubasid.
jQuery Nested järgib ainulaadset skripti võrgu maatriksit. Kõigepealt loob see mitme veeru ruudustiku, siis skaneerib maatriks tühikute jaoks ja täidab need erinevate elementide ümberkorraldamise teel. Lõpuks - ja see on see samm, mis muudab selle ruudu lõputuks - muudab selle alumise rea mis tahes elementi, mis ei sobi tühimikku.
2. Freewall
Freewall võimaldab teil luua soovitud paigutuse, olenemata sellest, kas tegemist on pildiruuduga, sisestatud võrguga, müüritise või metrooga. Sellel on palju võimalusi, mida saab määrata JavaScript-muutujatena, näiteks gutterX, gutterY, animate, cellW, cellH, jne. Sellel on kohandatud sündmused nagu onGapFound ja onResize, ja kohandatud meetodid.
Kena koodi näiteid leiate oma veebilehelt. Devid hoolitsesid ka vaeste hinge eest, kes ikka veel vanemate brauserite jaoks disainivad, nii et Freewall toetab Internet Explorer 8, ja tal on ka a lahendus keelatud JavaScripti jaoks, nagu ta kasutab CSS 3 animatsioonid kui JS tagastamisstrateegia. Tutvu meie artikliga Freewall.
3. Müüritööd
Hea vana müüritise nimi peab olema iga kogenud disaineri kõrvade jaoks tuttav. Juhul, kui te sellest pole kuulnud, on Müüritööd a kaskaadivõrgu paigutusraamatukogu mis töötab nii jQuery kui vanilla JavaScriptiga.
See mugav plugin on paljude populaarsete WordPressi teemade baas. Te ei pea seda isegi oma serverisse üles laadima, kuna te saate raamatukogu otse CDN-ist otse ühendada.
>
