Selle skriptiga luuakse reageerivad sorteeritavad võrgukujud

Kohandatud võrgud on mõned kõige raskemad funktsioonid, mida luua nullist. Leiad palju müüritise võrgupistikuid, kuid neid igal on oma piirangud ja nõuded.

The Muuri skript on tugev alternatiiv kõigile, kes seda vajavad sorteeritavad ja reageerivad gridelemendid puutetundliku toega.

See on ehitatud Velocity.js animatsioonide jaoks, koos Hammer.js raamatukogu mobiilse puudutuse käsitlemiseks. Muuri ei ole nõuavad jQueryt, nii et see on üks väheseid vanilla JavaScript-pluginaid võrguliidese jaoks.

Põhiprojekti lehel leiate a ilus võrgu demo koos kõigi funktsioonidega. Animatsiooniefektid, lohistamise tugi ja erinevad erineva suurusega võrguelemendid. See demo demonstreerib, kui palju kontrolli Teil on Muuri võrguga.

Sa võid valida milliseid elemente kuvada, põhinevad klassidel (st filtreerimisel) koos kuidas soovite tühja ruumi täita.

Müüritavad võrgud jätavad sageli tühjad laigud, sest Võrguelemendid ei sobi alati ideaalselt kokku. See on üsna tüüpiline suurematele veebilehtedele, nagu Pinterest. Kuigi, saate lisada draggable ruudustik päris palju mis tahes kasutaja poolt juhitavat liidest.

Mõtlema sotsiaalsed profiilid, millel on vidinaid ja kuidas nad töötaksid. Või mõtle kohandatud ülesannete nimekirjad, mis töötavad progressiivsete veebirakendustena JavaScript. Muuri lehel on tõesti suur demo, kus on näidatud ülesannete loend ja kuidas see võiks toimida PWA-na mobiilil.

Alustamiseks peate lihtsalt sisaldama kõiki JavaScript-sõltuvusi koos Muuri skriptidega. Te saate tõmmata neid läbi npm või kopeerida GitHub repost.

Siis sina luua konteineri võrguelement ja sihtida, et see on uus Muuri () meetod. See kõik on üsna lihtne ja eriti lihtne kasutada, kopeerides koodilõigud GitHub repost.

Koos täielik toetus kõigile kaasaegsetele brauseritele (IE9 +) ja puutetundlikule liidesele, see plugin on üks parimaid lohistamis- ja rippvõrgu funktsioonide jaoks.

Lisateabe saamiseks lugege läbi Muuri kodulehe ja tehke seda live-demodega. See on suurepärane süsteem dünaamiliste võrkude jaoks ja selle aktiivne areng, nii et sa võid usaldada, et see plugin läheb pika vahemaa taga.