如何访问 bxSlider 中的最后一张幻灯片？

Question

我有一个 bxSlider。我希望在到达最后一张幻灯片时下一个控件应该隐藏。我正在使用infiniteLoop 来停止循环回到第一张幻灯片。使用“hideControlOnEnd”也可以隐藏以前的控件，但我想保留它。如何实现这个功能？有没有直接的方法来实现这一点而不是编写长行代码？

滑块配置-

$slider = $('.slider').bxSlider({

        pager: false,
        auto: true,
        moveSlides: 4, 
        minSlides: 4,
        maxSlides: 4,
        auto:false,
        infiniteLoop:false
})

我正在尝试类似 -

function onSliderLoad (){
    $(document).on('click','.bx-next', function() {
        var current_slide = $slider.getCurrentSlide();
        //console.log(current_slide);
        var slide_count = $slider.getSlideCount();
        //console.log(slide_count);
        if (current_slide == slide_count){
        
            $('.bx-next').addClass('disabled');
        }
       });
    
}

我在单击下一步按钮时调用此函数。我总共有 6 张幻灯片。 current_slide 返回我 1。逻辑不正确。任何人都可以提出任何解决方案吗？

提前致谢！

编辑：在 -https://stackoverflow.com/questions/14122047/bxslider-get-first-and-last-slide 找到了更好的解决方案

这帮助我达到了预期的结果。

Answer 1

试试这样的...

onSliderLoad: function (){
    slider = $('.slider').bxSlider();
    var slide_count = slider.getSlideCount();
    var slide_curr = slider.getCurrentSlide();
}

if (slide_curr == slide_count-1){
    $('.bx-prev').addClass('disable');
}