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