mosonry() not working for new photos, how to fix?

Question

JavaScript

I use the mosonry miniframework, when it starts it detects all the photos in the tag and works only with them. If, for example, another photo is added via ajax, then this photo will not be used even if mosonry() is run. I need that by adding photos they were built taking into account the mosonry scheme. Can you suggest another framework?

Answer 1

Masonry has a special method for this:

$('.append-button').on( 'click', function() {
  // create new item elements
  var $items = $('<div class="grid-item">...</div>');
  // append items to grid
  $grid.append( $items )
    // add and lay out newly appended items
    .masonry( 'appended', $items );
});

There is also an isotope. isotope.metafizzy.co