問題描述

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ā)了。不得其解，求大佬拯救。

問題解答

把a(bǔ)lert語句換成console語句，盡量不要使用alert語句查看信息。