Изменить Изотопный фильтр с Любой на другую категорию при загрузке сайта

Question

У меня есть код

// external js: isotope.pkgd.js

// init Isotope
var $grid = $('.grid').isotope({
    itemSelector: '.color-shape'
});

// store filter for each group
var filters = {};

$('.filters').on( 'click', '.button', function() {
    var $this = $(this);

    // get group key
    var $buttonGroup = $this.parents('.button-group');
    var filterGroup = $buttonGroup.attr('data-filter-group');

    // set filter for group
    filters[ filterGroup ] = $this.attr('data-filter');

    // combine filters
    var filterValue = concatValues( filters );

    // set filter for Isotope
    $grid.isotope({ filter: filterValue });
});

// change is-checked class on buttons
$('.button-group').each( function( i, buttonGroup ) {
    var $buttonGroup = $( buttonGroup );

    $buttonGroup.on( 'click', 'button', function() {
        $buttonGroup.find('.is-checked').removeClass('is-checked');
        $( this ).addClass('is-checked');
    });
});

// flatten object by concatting values
function concatValues( obj ) {
    var value = '';

    for ( var prop in obj ) {
        value += obj[ prop ];
    }

    return value;
}

из изотопа, но не может его изменить на другие категории при загрузке. Кто-нибудь может помочь? Мне не нужно "все" при загрузке, мне нужно загрузить категорию с самого начала.

Answer 1

Это способ, которым я мог бы загрузить определенную категорию:

var $grid = $('.grid').isotope({
filter: '.red',
itemSelector: '.color-shape'
});