スライダーの各コンテンツの高さをJQueryを使って揃えることが出来ました!

スライダー部分をSwiperを使って実装している時に、各コンテンツの高さを揃えるのに、CSSでなかなか調整が出来ずに悩んでいたところ、jQueryを使ったら一瞬で修正できました。

参考コードは以下です。備忘録として残しておきます。

// Swiperのコンテンツの高さを揃える
$(function(){
  let h =0;
  $('.swiper-slide').each(function(){
    if($(this).height() > h){
      h = $(this).height();
    }
    $('.swiper-slide').css('height',h +'px');
  });
});

この記事を書いた人