0

handleAnimationGlideJS カルーセルがあり、各スライドがアクティブになった後に関数を呼び出そうとしています。

クリックすると機能しますが、カルーセルが自動再生されているときに実行する方法がわかりません。

componentDidMount = () => {
  const carousel = new Glide(this.myRef.current, {
    autoplay: 3000,
    rewind: true,
  })
  carousel.mount()

  const myTriggers = document.querySelectorAll(".slide__trigger")
  myTriggers.forEach(trigger => {
    const triggerStep = trigger.getAttribute("data-step")
    trigger.addEventListener("click", () =>
      this.handleAnimation(triggerStep)
    )
  })
}

GlideJS のイベント ハンドラーのいずれかを使用する必要がありますか? アドバイスをありがとう!

4

1 に答える 1