教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

問答>HTML&JS+前端>如何判斷元素是否處于動畫狀態(tài)?

如何判斷元素是否處于動畫狀態(tài)?

來源傳智教育2022年04月11日 17時16分48秒

  用戶操作網(wǎng)頁中的元素時,如果某個元素的animate()方法被調(diào)用多次,會導(dǎo)致當(dāng)前動畫效果與用戶行為不一致。例如,用戶使用鼠標(biāo)單擊某個元素一次,動畫是正常顯示的,當(dāng)連續(xù)多次單擊該元素時,就會積累多次的動畫效果,造成與單擊一次的預(yù)定義動畫效果不一致,這種情侶就是元素當(dāng)前未執(zhí)行完又加入了動畫。

  為了解決網(wǎng)頁中的動畫積累,在開發(fā)時可以先判斷元素是否正處于動畫狀態(tài),若沒有處于動畫狀態(tài),再去添加新的動畫;如果當(dāng)前元素處于動畫狀態(tài),就不添加新的動畫效果。

  利用jQuery提供的is()方法和基本過濾選擇器“:animated”即可判斷元素是否處于動畫狀態(tài),語法如下所示。

$(selector).is(':animated')

  上述語法中,“;animated”用于匹配所有正在執(zhí)行動畫效果的元素,如果元素selector處于動畫狀態(tài),則代碼執(zhí)行后返回true。

和我們在線交談!