問題描述

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’);}) }

寫的一個連續的動畫事件，添加一次事件監聽。這個動畫執行完畢，通過添加類，執行下一個動畫。現在的問題是，只有第一個flip的事件監聽是在動畫執行完畢之后觸發的，后續的事件監聽，在動畫執行開始的時候就被觸發了。不得其解，求大佬拯救。

問題解答

把alert語句換成console語句，盡量不要使用alert語句查看信息。