Javascript jQuery同位素赢得'；跑不动

我不知道为什么，但我的剧本不行，我希望你们能帮我

不停摆弄

以下是我过滤内容框的代码：

    $(document).ready( function() {
  // init Isotope
  var $grid = $('.grid').isotope({
    itemSelector: '.mix'
  });

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

  $('.controls').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');
    });
  });
  
});

---

我在过去的一个小时里一直在处理这件事，但是没有用。。。然而，我创造了一个同位素的工作版本，也许它会帮助你

//初始同位素
变量$grid=$（'.grid'）。同位素({
//选择权
});
//点击按钮过滤项目
$（'.filter button group'）。在（'单击'，'按钮'，函数（）上）{
var filterValue=$（this.attr（'data-filter'）；
$grid.同位素（{filter:filterValue}）；
});

全部展示
金属
过渡
碱和碱土
不过渡
金属而非过渡金属
项目1
项目2
项目3
项目4
项目5
项目6
项目7