flip:function(){ var self = this; self.element.addClass('flip'); self.element.one('animationend.a',function(){ alert(1);//這個時候動畫已經(jīng)執(zhí)行完畢 $(this).removeClass('flip'); self.shuffle(); }) }, shuffle:function(){ var self = this; alert(1.1);//依舊會彈出 self.element.addClass('shuffle'); self.element.one('animationend.b',function(){ alert(2);//動畫剛要執(zhí)行 $(this).removeClass('shuffle'); self.deal(); }) }, deal:function(){ var self = this; alert(2.2);//依舊會彈出 self.element.addClass('deal'); self.element.one('animationend.c',function(){ alert(3);//動畫剛要執(zhí)行 $(this).removeClass('deal'); }) }寫的一個連續(xù)的動畫事件,添加一次事件監(jiān)聽。這個動畫執(zhí)行完畢,通過添加類,執(zhí)行下一個動畫。現(xiàn)在的問題是,只有第一個flip的事件監(jiān)聽是在動畫執(zhí)行完畢之后觸發(fā)的,后續(xù)的事件監(jiān)聽,在動畫執(zhí)行開始的時候就被觸發(fā)了。不得其解,求大佬拯救。
關于jq的one方法,以及animationed事件的問題
眼眸繁星
2018-11-23 19:14:10