javascript - 如何将 Jquery 函数应用于一个 css 类

Question

我正在使用图像 slider ，我想将此 fadeIn 函数添加到每个图像上的文本中，但它仅适用于我的第一张图像，其余图像会淡入，因此当下一张幻灯片出现时，文本已经可见

ul class="bxslider">
        <li>
            <img src="img/sister-religions.png" alt="">
            <figcaption class="slide-info" >
                <h1>TITLE </h1>
                <p>prompta, mea id quem odio. Quo an officiis vivendum consequat, usu ad stet offendit repudiare. Sonet option euismod in sea. Ad vis brute posidonium, in qui enim utamur recusabo.</p>
            </figcaption>
        </li>
        <li>
            <img src="img/test1.png" alt="">
            <figcaption class="slide-info" >
                <h1>TITLE </h1>
                <p>prompta, mea id quem odio. Quo an officiis vivendum consequat, usu ad stet offendit repudiare. Sonet option euismod in sea. Ad vis brute posidonium, in qui enim utamur recusabo.</p>
            </figcaption>
        </li>
        <li>
            <img src="img/test2.png" alt="">
            <figcaption class="slide-info" >
                <h1>TITLE </h1>
                <p>prompta, mea id quem odio. Quo an officiis vivendum consequat, usu ad stet offendit repudiare. Sonet option euismod in sea. Ad vis brute posidonium, in qui enim utamur recusabo.</p>
            </figcaption>
        </li>
</ul>

这是jquery代码

(function($){

$(document).ready(function(){

    $('.bxslider').bxSlider({
         onSliderLoad: function(){

        $('.slide-info').fadeIn(3000);

      },
        onSlideAfter: function(){

        $('slide-info').fadeIn(3000);
      }
    });

 }); 

})(jQuery);

我只需要它应用于当前图像figcaption而不是全部，

Answer 1

onSlideAfter 接受一个参数

Function argument is the current slide element (when transition completes).

所以尝试一下

onSlideAfter: function(slide) {
    slide.find('.slide-info').fadeIn(3000);
}

我还会删除 onSliderLoad 处理程序。