問答>HTML&JS+前端>如何判斷元素是否處于動(dòng)畫狀態(tài)?
如何判斷元素是否處于動(dòng)畫狀態(tài)?
來源傳智教育2022年04月11日 17時(shí)16分48秒
用戶操作網(wǎng)頁中的元素時(shí),如果某個(gè)元素的animate()方法被調(diào)用多次,會(huì)導(dǎo)致當(dāng)前動(dòng)畫效果與用戶行為不一致。例如,用戶使用鼠標(biāo)單擊某個(gè)元素一次,動(dòng)畫是正常顯示的,當(dāng)連續(xù)多次單擊該元素時(shí),就會(huì)積累多次的動(dòng)畫效果,造成與單擊一次的預(yù)定義動(dòng)畫效果不一致,這種情侶就是元素當(dāng)前未執(zhí)行完又加入了動(dòng)畫。
為了解決網(wǎng)頁中的動(dòng)畫積累,在開發(fā)時(shí)可以先判斷元素是否正處于動(dòng)畫狀態(tài),若沒有處于動(dòng)畫狀態(tài),再去添加新的動(dòng)畫;如果當(dāng)前元素處于動(dòng)畫狀態(tài),就不添加新的動(dòng)畫效果。
利用jQuery提供的is()方法和基本過濾選擇器“:animated”即可判斷元素是否處于動(dòng)畫狀態(tài),語法如下所示。
$(selector).is(':animated')
上述語法中,“;animated”用于匹配所有正在執(zhí)行動(dòng)畫效果的元素,如果元素selector處于動(dòng)畫狀態(tài),則代碼執(zhí)行后返回true。
最新問答
- 2022年06月30日黑盒測(cè)試與白盒測(cè)試的區(qū)別是啥?
- 2022年06月30日Hive的安裝模式有幾種?
- 2022年06月29日Flume系統(tǒng)要求是什么?
- 2022年06月29日數(shù)據(jù)發(fā)布與訂閱有哪些主要應(yīng)用場(chǎng)景?
- 2022年06月29日Zookeeper集群角色有哪三種?
- 2022年06月29日hadoop1.x和hadoop2.x的區(qū)別是什么,做了哪些改進(jìn)?
- 2022年06月28日znode有哪兩種節(jié)點(diǎn)?
- 2022年06月28日非全新集群選舉的過程是什么樣的?
- 2022年06月28日applicationmaster是什么?
- 2022年06月28日yarn的工作流程是什么?
相關(guān)問答
- 2022年04月11日停止元素動(dòng)畫的方法有哪些?
- 2022年04月07日什么是表單過濾選擇器
- 2022年04月06日可見性過濾選擇器怎么用?
- 2022年04月06日jQuery中可以操作元素的位置嗎?
- 2022年04月04日誰能列舉一些jQuery中常用插入節(jié)點(diǎn)的方法?
- 2022年04月04日jQuery具體是怎么操作DOM節(jié)點(diǎn)的?
- 2022年04月04日jQuery可以通過元素屬性來篩選元素嗎?
- 2022年04月01日jQuery中有哪些操作元素尺寸的方法?
- 2022年03月25日filters過濾器中小寫字母能轉(zhuǎn)換成大寫嗎?
- 2022年03月24日求問:POST和GET請(qǐng)求的區(qū)別