jquery - 在 bxslider 中我想在当前幻灯片上添加一个类

Question

我想向当前可见幻灯片添加一个额外的类，我对 jquery 没有太多了解，我正在通过以下代码进行尝试。

 $(document).ready(function(){
     $('#slider1').bxSlider({
        pager: 'true'
     });
 $(currentSlide).addClass('active-slide');
     return false;
 });    

Answer 1

要在第一张可见幻灯片上添加类，您必须调用 onSliderLoad。然后，您继续使用 onSlideAfter 调用添加和删除事件幻灯片类。

onSlideAfter: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
    $('.active-slide').removeClass('active-slide');
    $('.bxslider>li').eq(currentSlideHtmlObject + 1).addClass('active-slide')
},
onSliderLoad: function () {
    $('.bxslider>li').eq(1).addClass('active-slide')
},

https://jsfiddle.net/dariodev/587pqsct/