How to apply a default filter to the container after dynamic insertion of items using Jquery Isotope plugin?

Question

I\'m using the Isotope Plugin. I have an empty container to which I am adding items on $(document).ready(...

All those items are added correctly and iso

Answer 1

You can use isotope initial options.

Please check this codepen which is based on the official example of "Combination filters".

// init Isotope
var $grid = $('.grid').isotope({
  itemSelector: '.color-shape',
  filter: '.initial-filter-class' //use this class with the items you want to load initially.
});

For example: