Animation组件对同个元素进行2次动画，第二次会无限循环

[nornor]

window.s3LT = new mo.Animation({
        target: $('.s3_layer_lt'),
        fillMode: 'forwards',
        duration: 500,
        iteration: 1,
        keyframes: {
            0: {'opacity': '0', easing: 'ease-in-out'},
            100: {'opacity': '1'}
        }
    });
s3LT.on("end",function(){
window.s3LTBack = new mo.Animation({
    target: $('.s3_layer_lt'),
    fillMode: 'forwards',
    duration: 500,
    iteration: 1,
    keyframes: {
        0: {'opacity': '0', easing: 'ease-in-out'},
        100: {'transform': 'translate3d(0,0,0)', easing: 'ease-in-out'}
    }
});
})

第一个动画on end的时候再针对本身DOM初始化一个新的动画，此时head标签会无限插入新的animation

[lyushine]

可以考虑用class或者class里的属性来判别 end start避免无限循环
var $snowball = $("#snowball");
$snowball.on('webkitAnimationStart',function(e){
if($(this).hasClass("s2_snowball_out")){
score = score+randTempdom;
sendScore(score);
}else if($(this).hasClass("s2_snowball_in")){
randTempdom = random();
var snowUrl = "";
if(randTempdom == 50){
snowUrl = "http://7vihcx.com1.z0.glb.clouddn.com/gameA/mobile/images/s2_star5.png";
}else if(randTempdom <50&& randTempdom>19){
snowUrl = "http://7vihcx.com1.z0.glb.clouddn.com/gameA/mobile/images/s2_star4.png";
}else if(randTempdom <20&& randTempdom>7){
snowUrl = "http://7vihcx.com1.z0.glb.clouddn.com/gameA/mobile/images/s2_star3.png";
}else if(randTempdom <7&& randTempdom>2){
snowUrl = "http://7vihcx.com1.z0.glb.clouddn.com/gameA/mobile/images/s2_star2.png";
}else if(randTempdom){
snowUrl = "http://7vihcx.com1.z0.glb.clouddn.com/gameA/mobile/images/s2_star1.png";
}
$(".s2_snowball img").attr("src",snowUrl);
}
});

$snowball.on('webkitAnimationEnd',function(e){
  if($(this).hasClass("s2_snowball_out")){
    $snowball.removeClass('s2_snowball_out');
    $snowball.addClass('s2_snowball_in');

  }else if($(this).hasClass("s2_snowball_in")){
    $snowball.removeClass('s2_snowball_in');
  }
});