javascript - Soalan tentang kaedah satu jq dan acara animasi

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

Tulis acara animasi berterusan dan tambahkan pendengar acara. Selepas animasi ini dilaksanakan, animasi seterusnya dilaksanakan dengan menambah kelas. Masalahnya sekarang ialah hanya pendengar acara flip pertama dicetuskan selepas pelaksanaan animasi selesai, dan pendengar acara seterusnya dicetuskan apabila pelaksanaan animasi bermula. Saya tidak dapat memahaminya, jadi saya meminta bos untuk menyelamatkan saya.

Answer 1

Letakkan alert语句换成console语句，尽量不要使用alert pernyataan untuk melihat maklumat.