Jquery防止动画未执行完毕就执行下一次动画

解决思路,

使用锁，动画执行完释放锁

//设置锁
var lock=true

//动画的触发
$('xxx').on("click",function(){
    //锁为false进不来,要动画执行完锁才释放
    if(lock3){
        //执行的动画
        $('#yyy').animate({
			marginLeft:"-=100%"
		    },800,function(){
            //动画执行完毕的回调函数,设置锁为true
            lock=true;
        })
    }
    //设置锁为false
    lock=false;
}