同位素多级过滤不起作用

Question

我正在尝试使用同位素创建一个可过滤的课程列表，但是我的过滤器似乎无法彼此使用。我使用的JS与同位素网站上提供的示例相同，我的笔-https：//codepen.io/anon/pen/pen/vbmvqp

ex。选择"艺术学院"one_answers"学士学位"将列出其他大学的课程。我只需要显示B.A.艺术学院的课程历史。这是按预期工作的，还是我需要添加某种逻辑？

JS

// external js: isotope.pkgd.js
// init Isotope
var $grid = $('.courses').isotope({
  itemSelector: '.grid__item',
    layoutMode: 'vertical',
});
// store filter for each group
var filters = {};
$('.filters').on( 'change', function( event ) {
  var $select = $( event.target );
  // get group key
  var filterGroup = $select.attr('value-group');
  // set filter for group
  filters[ filterGroup ] = event.target.value;
  // combine filters
  var filterValue = concatValues( filters );
  // set filter for Isotope
  $grid.isotope({ filter: filterValue });
});
// flatten object by concatting values
function concatValues( obj ) {
  var value = '';
  for ( var prop in obj ) {
    value += obj[ prop ];
  }
  return value;
}

Answer 1

我认为我缺少html中的 value-group属性。