Javascript 如何在js中添加活动类?
我的过滤器工作得很好,但我不知道如何将活动类添加到当前块(我从数据库获取过滤器(尤其是其id)),是否可以将所选过滤器添加到活动类?如果是的话,请帮我解决。谢谢Javascript 如何在js中添加活动类?,javascript,jquery,jquery-isotope,Javascript,Jquery,Jquery Isotope,我的过滤器工作得很好,但我不知道如何将活动类添加到当前块(我从数据库获取过滤器(尤其是其id)),是否可以将所选过滤器添加到活动类?如果是的话,请帮我解决。谢谢 <ul class="year" > <?php foreach($galery as $gal) : ?> <li> <a class="btn btn-default <?php echo $gal->id; ?>" data-filter=".<
<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>
- 我终于得到了答案,所以我想与大家分享一下:
我认为这是可以理解的
<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>