Ich benutze isotope.js nur wegen seiner Animationen zum Hinzufügen / Entfernen von Elementen.
Ich liebe den Effekt von Elementen, die animieren, die Position entfernter Elemente gleichzeitig zu füllen, wenn die entfernten Elemente ausgeblendet werden.
Die Sache ist, meine Rasterelemente sind alle von einer festen und gleichen Größe, und ich brauche keine der Filterkram. Ich finde das Isotop etwas klobig, vielleicht wegen der Breite seiner Funktionalität.
Ich suche also nach einer Alternative, die ist:
Wenn noch jemand nach Ihnen sucht, sollten Sie sich vielleicht auch ein ähnliches jQuery-Plugin ansehen, das ich geschrieben habe, Filterizr . Filterizr ist:
Download Links, Tutorials und Dokumente auf der Filterizr-Website
Falls jemand noch schaut, check out Shuffle.js . Es reagiert mit MIT-Lizenz.
Scheint so, als ob Sie nach jQuery Masonry suchen.
Im Allgemeinen ist Isotope für die meisten Fälle ziemlich glatt, alles abhängig von der Menge an Inhalten, die Sie natürlich darauf werfen.
Der Grund für die Ungeschicklichkeit könnte jQuery selbst sein. Während jQuery ein erstaunlicher Selektor ist, mangelt es der Animation und der Geschwindigkeit der Manipulation aufgrund der schiere Menge an Funktionalität, die in der lib enthalten ist.
ich benutze jquery Quicksand, das ist ziemlich ordentlich und direkt Ссылка
Es gibt eine einfache, leichte Alternative zum Isotop codepen
nur ein paar Schritte zum Einrichten
.filter
class und data-target
, die Elemente anzeigen, deren data-category
-Wert dem Wert entspricht. .item
class und data-category
akzeptiert mehrere Werte. Um den Abstand zwischen den Elementen zu ändern, ändern Sie item-inner
width.
Um die Animation zu ändern, ändern Sie transform
in JavaScript unter animation fadein
/ fadeout
comment.
Tags und Links animation jquery-isotope