javascript - 听Javascript多CSS动画

Question

在第一个动画结束时，我添加了一个带有新动画的新类，我该如何收听第二个动画？

    function animate() {
        $ask.one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function(e) {
            $ask.removeClass('bounceIn').wait(2000).addClass('flipOutY');
            //after flipOutY I want to initScene();                
        });
    }

在 flipOutY 动画完成后，我想触发 initScene，我怎样才能在 $ask 上收听每个动画？

Answer 1

你可以这样试试

function animate() {
    var evtAnim = "webkitAnimationEnd oanimationend msAnimationEnd animationend"; 

    /* use on() instead of one() */
    $ask.on(evtAnim, function(e) {

        /* is it the first animation? */
        if ($ask.hasClass('bounceIn')) {
           $ask.removeClass('bounceIn').wait(2000).addClass('flipOutY');
        }
        else {
           /* unbind events and call initScene() */
           $ask.off(evtAnim);
           initScene();
        }
    });
}