запрос фильтр изотопов добавить выбранные css

Question

Я попытался найти ответ на этот вопрос, возможно, это довольно просто.Я хочу добавить выбранный класс в активный фильтр в изотопе.Вот мой код:

$(function(){

  var $container = $('#container');

  $container.isotope({
    itemSelector: '.item',
    masonry : {
      columnWidth : 165
    }
  });


  // filter items when filter link is clicked
  $('#filters a').click(function(){
  var selector = $(this).attr('data-filter');
  $container.isotope({ filter: selector, animationEngine : "css" });
  return false;


  });

Мой HTML-код:

<ul id="filters" >
  <li><a href="#" data-filter="*" class="selected">All</a></li>
  <li><a href="#" data-filter=".Henry">Henry</a></li>
  <li><a href="#" data-filter=".William">South William</a></li>
  <li><a href="#" data-filter=".Grafton">Grafton</a></li>
  <li><a href="#" data-filter=".Talbot">Talbot</a></li>
</ul>

Кто-нибудь, пожалуйста, помогите?спасибо Дэйв

Answer 1

добавить фильтр, который вы хотите предварительно выбрать как filter: .pre-selected class

$container.isotope({
    itemSelector: '.item',
    filter: '.Grafton',
    masonry : {
        columnWidth : 165
    }
});

Answer 2

попробуйте это:

/ filter items when filter link is clicked
$('#filters a').click(function(){
$('#filters a.active').removeClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector, animationEngine : "css" });
$(this).addClass('active');
return false;


});