Ich versuche, das @ als Ziel festzulegeactive slide in meinemslick carousel Mit Ken Wheeler können Sie dem p-Element in dieser Folie eine Animation hinzufügen.

So, wenn dasslide ist aktiv, daspas @ -Element springt ein (oder etwas anderes), und wenn die Folie zur nächsten Folie übergeht, wird die Animation auf das neue p-Element angewendet. Nachdem die Folien geloopt haben, wird die animierte Klasse fortlaufend auf das @ angewendeslick carousel.

HTML:

<div class="slick-promo">
    <div class="single-slide">[img code here]<p>This text will come in animated, then as the slide leaves it will have the animation class removed.</p></div>
    <div class="single-slide">[img code here]<p>Lorem ipsum blah blah</p></div>
    <div class="single-slide">[img code here]<p>lorem ipsum blah blah</p></div>
</div>

Dasimages und mehrereclasses werden dynamisch von anderen Programmen generiert, die ich verwende.

Javascript:

jQuery(document).ready(function($){
    $('.slick-promo').slick({
      infinite: true,
      fade: true,
      cssEase: 'linear',
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      //this is where I need help
      onAfterChange:function(slider,index){
            $('.slick-active p').toggleClass('animated bounce');
      }
    });
});

Das.slick-active -Klasse wird dynamisch vom @ generieslick carousel. Ich ziele auf dasp -Element im obigen HTML-Code. Dasanimated bounce Klassen sind an CSS gebunden, die die Animation generieren.

Ich bin sehr neu beiJavascript/jQuery, also könnte mein Fehler elementar sein. Ich habe seit vielen Stunden im Internet gesucht und versucht herauszufinden, was ich tun muss ...