javascript - Questions sur la méthode unique de JQ et les événements animés

Question

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

Écrivez un événement d'animation continue et ajoutez un écouteur d'événement. Une fois cette animation exécutée, l'animation suivante est exécutée en ajoutant une classe. Le problème est maintenant que seul le premier écouteur d'événement flip est déclenché une fois l'exécution de l'animation terminée, et les écouteurs d'événements suivants sont déclenchés lorsque l'exécution de l'animation démarre. Je n'arrive pas à comprendre, alors j'ai demandé au patron de me sauver.

Answer 1

Mettez la déclaration alert语句换成console语句，尽量不要使用alert pour afficher les informations.