欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery動(dòng)畫(huà)出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法

 更新時(shí)間:2015年01月28日 10:48:25   投稿:shichen2014  
這篇文章主要介紹了jQuery動(dòng)畫(huà)出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法,實(shí)例分析了針對(duì)jQuery中slideUp、slideDown、animate等動(dòng)畫(huà)運(yùn)用時(shí)出現(xiàn)的滯后反復(fù)執(zhí)行等問(wèn)題的解決方法,需要的朋友可以參考下

本文實(shí)例講述了jQuery動(dòng)畫(huà)出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法。分享給大家供大家參考。具體分析如下:

jQuery中slideUp 、slideDown、animate等動(dòng)畫(huà)運(yùn)用時(shí),如果目標(biāo)元素是被外部事件驅(qū)動(dòng), 當(dāng)鼠標(biāo)快速地連續(xù)觸發(fā)外部元素事件, 動(dòng)畫(huà)會(huì)滯后的反復(fù)執(zhí)行,其表現(xiàn)不雅。

則解決辦法:

1、在觸發(fā)元素上的事件設(shè)置為延遲處理, 即可避免滯后反復(fù)執(zhí)行的問(wèn)題(使用setTimeout)

2、在觸發(fā)元素的事件時(shí)預(yù)先停止所有的動(dòng)畫(huà),再執(zhí)行相應(yīng)的動(dòng)畫(huà)事件(使用stop)

jquery stop:

復(fù)制代碼 代碼如下:
//語(yǔ)法結(jié)構(gòu)
$("#div").stop();//停止當(dāng)前動(dòng)畫(huà),繼續(xù)下一個(gè)動(dòng)畫(huà)
$("#div").stop(true);//清除元素的所有動(dòng)畫(huà)
$("#div").stop(false, true);//讓當(dāng)前動(dòng)畫(huà)直接到達(dá)末狀態(tài) ,繼續(xù)下一個(gè)動(dòng)畫(huà)
$("#div").stop(true, true);//清除元素的所有動(dòng)畫(huà),讓當(dāng)前動(dòng)畫(huà)直接到達(dá)末狀態(tài)

這里推薦使用第二種方法:
復(fù)制代碼 代碼如下:
$("#div").stop().animate({width:"100px"},100);

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論