Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在js中添加活动类?_Javascript_Jquery_Jquery Isotope - Fatal编程技术网

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

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=".<

我的过滤器工作得很好,但我不知道如何将活动类添加到当前块(我从数据库获取过滤器(尤其是其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>

  • 我终于得到了答案,所以我想与大家分享一下: 我认为这是可以理解的

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

    • 最后我得到了答案,我想与大家分享一下: 我认为这是可以理解的

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

      • 我不明白。你所说的活动类是什么意思?
        .active{color:red;}
        这样我就可以看到实际的过滤器被选中了,我不遵循它。你说的活动类是什么意思?
        .active{color:red;}
        这样我就可以看到实际的过滤器被选中了