slick sliderでprev矢印をタップした一番最初の時のみ、aria-hiddenがtrueになってしまいます。
これにより、最初非表示だった要素が表示されてしまうので、最初に表示されている要素に色をつけても見えなくなってしまい、困っております。
下記はslick sliderとsliderのhtmlになります。
<ul class="slider-list"> <li class="huga"> <div class="list__detail"> <h2 class="theme">theme1</h2> <p class="text">hoge</p> </div> </li> <li class="huga"> <div class="list__detail"> <h2 class="theme">theme2</h2> <p class="text">hoge</p> </div> </li> <li class="huga"> <div class="list__detail"> <h2 class="theme">theme3</h2> <p class="text">hoge</p> </div> </li> <li class="huga"> <div class="list__detail"> <h2 class="theme">theme4</h2> <p class="text">hoge</p> </div> </li> <li class="huga"> <div class="list__detail"> <h2 class="theme">theme5</h2> <p class="text">hoge</p> </div> </li> <li class="huga"> <div class="list__detail"> <h2 class="theme">theme6</h2> <p class="text">hoge</p> </div> </li> </ul>
let $slider = $('.slider-list'); $slider.slick({ dots: false, infinite: true, slidesToShow: 3, slideToScroll: 1, autoplay: false, variableWidth: true, prevArrow: '<div class="slider-arrow slider-prev"><img src="./images/arrow-left.png"></div>', nextArrow: '<div class="slider-arrow slider-next"><img src="./images/arrow-right.png"></div>', });
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。