Изотоп не фильтруется правильно - PullRequest
Новая
       25

Изотоп не фильтруется правильно

0 голосов
/ 15 апреля 2020

У меня есть следующий фрагмент: 

// init Isotope
var $grid = $('.listing ').isotope({
  itemSelector: '.card',
  layoutMode: 'fitRows'
});

// bind filter on select change
$('.filters-select').on( 'change', function() {
  // get filter value from option value
  var filterValue = this.value;
  console.log("change");
   $grid.isotope({ filter: filterValue });
});
.listing{
  margin-top:50px;
}

.listing .card{
  padding: 20px;
  background: lightgrey;
  margin-right: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>

<select class="filters-select">
  <option disabled selected>Type...</option>
  <option value="product">Product</option>
  <option value="demo">Demo</option>
</select>

<div class="listing">
  
  <div class="card" data-category="product">
    Product 
  </div>
  <div class="card" data-category="product">
    Product
  </div>
  <div class="card" data-category="demo">
    Demo
  </div>

</div>

Почему на фильтре ничего не отображается, когда data-category для этих существует?

...