Isotope jsでアクティブなクラスを追加するには？

Question

私のフィルタはうまくいっていますが、現在のブロックにアクティブなクラスを追加するにはどうすればいいですか？（特にデータベースからフィルタを取得します）、選択したフィルタをアクティブなクラスですか？もしそうなら、私を助けてください。ありがとう。

<ul class="year" > 
    <?php foreach($galery as $gal) : ?> 
     <li> <a class="btn btn-default <?php echo $gal->id; ?>" data-filter=".<?php echo $gal->id;?>"><?php echo $gal->name; ?></a></li> 
    <?php endforeach; ?> 
</ul> 


<script> 

var $spcl = $('.spcl'); 

$spcl.isotope({ 
    itemSelector: '.item', 
    layoutMode: 'fitRows', 
    filter: '.1', 
    masonry: { 
     columnWidth: 70 
    } 
}); 

$('.year').on('click', 'a', function() { 
    var selector = $(this).data('filter'); 

    $spcl.isotope({ 
     filter: selector 
    }); 
}); 

}); 
</script> 

Answer 1

は最後に、私は答えを得たので、私はあなたとそれを共有したいと思います： 私はその理解しやすいと思います。

<ul class="year" > 
    <?php foreach($galeria_kategoria as $gal) : ?> 
     <li class="button-group"> <a class="<?php if($gal->id == 1) {echo 'is-checked';} ?> button btn btn-default <?php echo $gal->id; ?>" data-filter=".<?php echo $gal->id;?>"><?php echo $gal->name; ?></a></li> 
    <?php endforeach; ?> 
</ul> 


<script> 
$(function() { 

$('.year').on('click', 'a', function() { 


$('.button-group').find('.is-checked').removeClass('is-checked'); 
$(this).addClass('is-checked'); 

    var selector = $(this).data('filter'); 

    $spcl.isotope({ 
     filter: selector 
    }); 
}); 

}); 
</script> 

おかげ