Как добавить активный класс в 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> 

Благодаря