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

时间:2016-08-02 18:45:09

标签: javascript jquery jquery-isotope isotope

我的过滤器运行良好,但我无法弄明白如何将活动类添加到当前块,(我从数据库中获取过滤器(特别是它的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>

1 个答案:

答案 0 :(得分:2)

最后我得到了答案,所以我想与你分享: 我认为这是可以理解的。

codepen

由于