快捷導(dǎo)航

jquery防止重復(fù)執(zhí)行動(dòng)畫避免頁(yè)面混亂

更新時(shí)間：2014年04月22日 15:57:44 作者：

鼠標(biāo)滑動(dòng)過快導(dǎo)致動(dòng)畫重復(fù)執(zhí)行，以至于頁(yè)面亂了,下面為大家介紹個(gè)防止重復(fù)執(zhí)行動(dòng)畫的方法

最近開發(fā)前臺(tái)頁(yè)面的時(shí)候遇到一個(gè)問題。juery時(shí)候mouseover……或者其他事件，發(fā)現(xiàn)鼠標(biāo)滑動(dòng)過快導(dǎo)致動(dòng)畫重復(fù)執(zhí)行，以至于頁(yè)面亂了。

解決辦法：

可以先判斷一下元素是否處于動(dòng)畫中。
如：

復(fù)制代碼代碼如下:

 
if(!$(".content").is(":animated")){ 
//元素不處于動(dòng)畫中執(zhí)行。 
} 

您可能感興趣的文章:

相關(guān)文章

jQuery圖片滾動(dòng)圖片的效果(另類實(shí)現(xiàn))
jQuery圖片滾動(dòng)圖片的效果(另類實(shí)現(xiàn))，需要的朋友可以參考一下
2013-06-06
jQuery中removeAttr()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeAttr()方法用法,實(shí)例分析了removeAttr()方法的功能、定義及從匹配元素中移除相應(yīng)屬性的使用技巧,需要的朋友可以參考下
2015-01-01
基于JQuery實(shí)現(xiàn)的類似購(gòu)物商城的購(gòu)物車
使用JQuery Clone 模板來實(shí)現(xiàn)商品信息的展示，展現(xiàn)形式可以通過修改模板中的td來確定每一行顯示多少個(gè)商品信息
2011-12-12
jQuery正則驗(yàn)證注冊(cè)頁(yè)面經(jīng)典實(shí)例
這篇文章主要介紹了jQuery正則驗(yàn)證注冊(cè)頁(yè)面功能,涉及針對(duì)用戶名、密碼、郵箱、手機(jī)號(hào)等的正則驗(yàn)證操作技巧,需要的朋友可以參考下
2017-06-06
深入理解$.each和$(selector).each
下面小編就為大家?guī)硪黄钊肜斫?.each和$(selector).each。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
jQuery編程動(dòng)畫的基本方法示例詳解
這篇文章主要為大家介紹了jQuery編程動(dòng)畫基本實(shí)現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
JQuery中使用Ajax賦值給全局變量異常的解決方法
本篇文章主要是對(duì)JQuery中使用Ajax賦值給全局變量異常的解決方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-01-01
Eclipse下jQuery文件報(bào)錯(cuò)出現(xiàn)錯(cuò)誤提示紅叉
工程中加入jquery.xx.js文件，發(fā)現(xiàn)該文件出現(xiàn)錯(cuò)誤提示（紅×），但使用Eclipse 3.7以前的版本就不會(huì)出現(xiàn)這種提示，下面有個(gè)不錯(cuò)的解決方法，大家可以參考下
2014-01-01
jQuery實(shí)現(xiàn)的超簡(jiǎn)單輪播圖功能示例【代碼解釋】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的超簡(jiǎn)單輪播圖功能,結(jié)合完整實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的輪播圖相關(guān)功能實(shí)現(xiàn)、樣式設(shè)置與注意事項(xiàng),需要的朋友可以參考下
2023-05-05
jQuery實(shí)現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-08-08