スライダー部分をSwiperを使って実装している時に、各コンテンツの高さを揃えるのに、CSSでなかなか調整が出来ずに悩んでいたところ、jQueryを使ったら一瞬で修正できました。
参考コードは以下です。備忘録として残しておきます。
1 2 3 4 5 6 7 8 9 10 |
// Swiperのコンテンツの高さを揃える $(function(){ let h =0; $('.swiper-slide').each(function(){ if($(this).height() > h){ h = $(this).height(); } $('.swiper-slide').css('height',h +'px'); }); }); |