jquery-isotope

I'm using http://isotope.metafizzy.co/docs/options.html#onlayout and it says this: "Similiar to a callback, onLayout is a function that will be triggered after every time an Isotope instance runs through its layout logic." $('#container').isotope({ onLayout: function( $elems ) { // `this` refers to jQuery object of the container element console.log( this.height() ); // callback provides jQuery object of laid-out item elements $elems.css({ background: 'blue' }); } }); That means that when "Layout" has finished i can run this: $elems.css({ background: 'blue' }); I don't have "$elems" but from

Using the Isotope plugin how can I remove all images that currently exist and load in a set of images on a press of a button? In the documentation it says do this to remove a single item: .isotope( 'remove', $items, callback ) How can I remove all the items and then load a new set of items? An example in jsfiddle would be wonderful. I, too, recently needed to replace all isotope items with a new set of images. This worked for me: var $isoContainer = $('#image-feed'); $isoContainer.isotope('remove', $isoContainer.isotope('getItemElements')); $isoContainer.isotope('appended', $newEntries);

Probably it could be duplicate question but I have tried every solution I found, I am newbie with imagesLoaded , can anyone please help to get rid out of it? The scripts I have included is in following order - <script type='text/javascript' src='{{asset('assets/includes/js/jquery/jquery-3.3.1.min.js')}}'></script> <script type='text/javascript' src='{{asset('assets/includes/js/jquery/jquery-migrate.min330a.js')}}'></script> <script type='text/javascript' src='{{asset('assets/js/imagesloaded.js')}}'></script> <script type='text/javascript' src='{{asset('assets/js/imagesloaded.pkgd.js')}}'><