flip:function(){ var self = this; self.element.addClass('flip'); self.element.one('animationend.a',function(){ alert(1);//這個時候動畫已經執行完畢 $(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);//動畫剛要執行 $(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);//動畫剛要執行 $(this).removeClass('deal'); }) }寫的一個連續的動畫事件,添加一次事件監聽。這個動畫執行完畢,通過添加類,執行下一個動畫?,F在的問題是,只有第一個flip的事件監聽是在動畫執行完畢之后觸發的,后續的事件監聽,在動畫執行開始的時候就被觸發了。不得其解,求大佬拯救。
關于jq的one方法,以及animationed事件的問題
眼眸繁星
2018-11-23 19:14:10