問題描述

flip:function(){var self = this;self.element.addClass(’flip’);self.element.one(’animationend.a’,function(){ alert(1);//這個(gè)時(shí)候動(dòng)畫已經(jīng)執(zhí)行完畢 $(this).removeClass(’flip’); self.shuffle();}) }, shuffle:function(){var self = this;alert(1.1);//依舊會(huì)彈出self.element.addClass(’shuffle’);self.element.one(’animationend.b’,function(){ alert(2);//動(dòng)畫剛要執(zhí)行 $(this).removeClass(’shuffle’); self.deal();}) }, deal:function(){var self = this;alert(2.2);//依舊會(huì)彈出self.element.addClass(’deal’);self.element.one(’animationend.c’,function(){ alert(3);//動(dòng)畫剛要執(zhí)行 $(this).removeClass(’deal’);}) }

寫的一個(gè)連續(xù)的動(dòng)畫事件，添加一次事件監(jiān)聽。這個(gè)動(dòng)畫執(zhí)行完畢，通過添加類，執(zhí)行下一個(gè)動(dòng)畫。現(xiàn)在的問題是，只有第一個(gè)flip的事件監(jiān)聽是在動(dòng)畫執(zhí)行完畢之后觸發(fā)的，后續(xù)的事件監(jiān)聽，在動(dòng)畫執(zhí)行開始的時(shí)候就被觸發(fā)了。不得其解，求大佬拯救。

問題解答

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