Filter 初始化同位素中的过滤项

我对同位素插件（jQuery）有问题。我想用已经过滤过的项目初始化插件。我看过一些关于这个话题的帖子，但答案并不清楚

这是我的代码：

<div class="filters">
  <div class="ui-group">
    <div class="button-group js-radio-button-group" data-filter-group="gender">
      <button class="button is-checked" data-filter="">BOTH</button>
      <button class="button" data-filter=".female">FEMALE</button>
      <button class="button" data-filter=".male">MALE</button>
    </div>
  </div>
</div>

那么，在加载页面时，如何加载div1、3和5呢

多谢各位

这应该有效：

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

$(document).ready( function() {
  // init Isotope
  var $grid = $('.grid').isotope({
    itemSelector: '.color-shape',
    layoutMode: 'fitRows'
  });

  // 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;
}

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