如何在Isotope js中添加活动类？

Question

我的过滤器工作得很好，但我不知道如何将活动类添加到当前块中(我从数据库中获取过滤器(特别是它的id))，是否可以将选定的过滤器添加到活动类中？如果是的话，请帮帮我。谢谢。

<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>

谢谢