1. 程式人生 > >Jquery防止動畫未執行完畢就執行下一次動畫

Jquery防止動畫未執行完畢就執行下一次動畫

解決思路,

使用鎖,動畫執行完釋放鎖

//設定鎖
var lock=true

//動畫的觸發
$('xxx').on("click",function(){
    //鎖為false進不來,要動畫執行完鎖才釋放
    if(lock3){
        //執行的動畫
        $('#yyy').animate({
			marginLeft:"-=100%"
		    },800,function(){
            //動畫執行完畢的回撥函式,設定鎖為true
            lock=true;
        })
    }
    //設定鎖為false
    lock=false;
}