应用动画延迟导致元素消失

Question

我有以下非常简单的jQuery / SVG动画，它基本上是一个bounceIn动画，JS代码如下：

$(function(){

    var i = 0;
    $('svg .magnify').css({ 'opacity' : 0 });

    setTimeout(function(){
            $('svg .magnify').each(function(){

                //$(this).css({'animation-delay' : ((i < 200 ? (i += 200) : i = 200) + 's' ) });
                $(this)[0].classList.add('bounce-mg');

            });

    }, 2000);

});

查看FIDDLE HERE ，动画运行完美，但现在我想为其中一个元素添加延迟，如果我在CSS中添加动画延迟，它工作正常，但我想在jQuery中添加动画延迟，所以我有以下代码行：

$(this).css({'animation-delay' : ((i < 200 ? (i += 200) : i = 200) + 's' ) });

（我已经在小提琴中评论了上面的代码行。）

现在，上面的代码行不允许我的动画完成或使元素消失，有人可以告诉我为什么会这样吗？为什么通过jQuery应用动画延迟导致元素消失？

谢谢。