在 bxslider 延迟 2-3 秒后添加活动 class

Question

我有一个 bxslider，我正在将 active class 添加到活动幻灯片，但我注意到 Active class 在延迟 2-3 秒后被添加到幻灯片。这是我的代码

jQuery('.banner_slider').bxSlider({
infiniteLoop: true,
hideControlOnEnd: true,
adaptiveHeight : true,
useCSS: false,
speed: 2000,
pause: 8000,
mode: 'fade',
controls:false,
autoDelay: 2800,
onSliderLoad: function(){
    jQuery('.banner_slider .slide_banner').eq(0).addClass('active-slide');
    jQuery("img.firstanimatedphone").animate({ opacity: 1},2000);
    jQuery("img.firstanimatedphone").addClass('slideInRight');
    elementsmoving(); 
},
onSlideAfter: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
    jQuery('.active-slide').removeClass('active-slide');
    jQuery('.banner_slider .slide_banner').eq(currentSlideHtmlObject).addClass('active-slide');
    jQuery("img.firstanimatedphone").animate({ opacity: 1},2000);
    jQuery("img.firstanimatedphone").addClass('slideInRight');
},
auto: false  
});

你能帮我弄清楚为什么 class .active-slide 在延迟 2-3 秒后添加吗？

Answer 1

嗨，我 found.It 来自一个名为

的设置

speed: 2000,

在 bxslider 延迟 2-3 秒后添加活动 class

Active class is being added after 2-3 seconds delay in bxslider

jquery

bxslider