亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Glidejs中輪播設置為自動播放時的觸發函數

Glidejs中輪播設置為自動播放時的觸發函數

瀟瀟雨雨 2023-04-27 14:59:37
我有一個 GlideJS 旋轉木馬,我試圖handleAnimation在每張幻燈片變為活動狀態后調用我的函數。如果我點擊它它會起作用,但我不知道如何在輪播自動播放時讓它運行。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 的事件處理程序之一嗎?感謝您的任何建議!
查看完整描述

1 回答

?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

如果有事件處理程序,你必須肯定地使用它。

關于 Glide 文檔,一旦項目變為活動狀態就會觸發事件,您可以在動畫開始時使用run或事件來運行您的函數:move

carousel.on('move',?this.handleAnimation(triggerStep))

并在動畫結束后使用move.afterorrun.after運行:

carousel.on('move.after',?this.handleAnimation(triggerStep))

如果這些活動不符合您的需要,請嘗試其他活動。?


查看完整回答
反對 回復 2023-04-27
  • 1 回答
  • 0 關注
  • 268 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號