Swiperを用いて写真のスライドショーを作ろうとしています。
切り替わりのアニメーションが終了したときに表示中のスライドにクラスを付けたいのですが
javascriptでエラーが出て前に進めません。classListの使い方が悪いとおもうのですが知識が浅く分かりません、、、どう直したらよいのか。。。どうか教えてください。
html
1<div class="swiper-container"> 2 3<div class="swiper-wrapper"> 4<div class="swiper-slide">Slide 1</div> 5<div class="swiper-slide">Slide 2</div> 6<div class="swiper-slide">Slide 3</div> 7</div> 8 9</div>
javascript
1var mySwiper = new Swiper ('.swiper-container', { 2 autoplay: { 3 delay: 9000, 4 disableOnInteraction: false, 5 }, 6 }) 7 8 mySwiper.on('slideChangeTransitionEnd', function () { 9 // this キーワードで、対象のswiperインスタンスにアクセス可能 10 this.classList.add("test"); 11 console.log('transition end : active is ' + this.activeIndex); 12});
エラーは下記の通りです。
TypeError:Cannot read property 'add' of indefined
なんでclassList.addでエラーがでているのかわかりません・・・
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/06/27 05:09