jquery - 同位体フィルタのクエリ 選択した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;


});