jquery - Animation.css 类不工作

Question

我正在使用 animation.css 和 jquery 创建一个 slideInleft 动画，以便内容进入并停留，然后 slideOutleft 然后我希望内容从右侧进入我的意思是 slideInright 并停留几秒钟，然后 slideOutRIght。这种影响应该持续发生。我正在尝试这个，但出了点问题。从左边的动画开始，我编写了这样的代码

var txt = Data;
    function AnimateOneByOne()
    {   
        if( xCnt < txt.length && txt[xCnt].value){
        $("#value").empty().append(txt[xCnt].value.toFixed(2)+" "+txt[xCnt].units).addClass('slideInLeft',

          function(){ AnimateOneByOne() });
        $("#text").empty().append(txt[xCnt].name).addClass('slideInLeft',

          function(){ AnimateOneByOne() });
        }
        xCnt += 1; 
    }

    AnimateOneByOne();

Answer 1

请确保您要为要设置动画的元素设置动画通用类:“动画”和特定动画类，例如:“slideInLeft”。所以最后它看起来像这样:

'<div class="animated slideInLeft">I am animated</div>

如果您已经在使用 jQuery，则可以使用“addClass”轻松完成此操作。

 $(this).addClass('animated ' + animationName);