Adding items
If your application dynamically adds new content, Isotope provides several methods to add items.
addItems method
The addItems
method adds new content to an Isotope container. This applies the proper styles to the items so they can be positioned and any sorting data is retrieved. But that’s it. The new content will not be filtered, sorted, or positioned properly, nor will it be appended to the container element.
var $newItems = $('');
$('#container').append( $newItems ).isotope( 'addItems', $newItems );
insert method
More likely, you want to use the insert
method, which does everything that addItems
misses. insert
will append the content to the container, filter the new content, sort all the content, then trigger a reLayout
so all item elements are properly laid out.
var $newItems = $('');
$('#container').isotope( 'insert', $newItems );
appended method
The appended
method is a convenience method triggers addItems
on new content, then lays out only the new content at the end of the layout. This method is useful if you know you only want to add new content to the end, and not use filtering or sorting. appended
is the best method to use with Infinite Scroll.