многоуровневая фильтрация изотопов не работает - PullRequest
Новая
       10

многоуровневая фильтрация изотопов не работает

0 голосов
/ 21 февраля 2019

Я пытаюсь создать фильтруемый список курсов, используя изотоп, но мои фильтры, похоже, не работают друг с другом.Я использую тот же JS, что и в примере, представленном на сайте изотопа, моя ручка - https://codepen.io/anon/pen/vbMVqp

ex.выбрав «колледж искусств и истории» и «ба», будут перечислены программы из других колледжей.мне нужно показывать только программы в колледже искусств и истории.это работает как задумано или мне нужно добавить какую-то логику?

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

1 Ответ

0 голосов
/ 21 февраля 2019

Я понял, что мне не хватает атрибута value-group в моем html.

...