BxSlider4第一个“下一个”幻灯片箭头

Question

如果还没有其他幻灯片，我有一个关于如何在第一张幻灯片中隐藏下一个箭头的问题。我的幻灯片是动态生成的，一切都很好。如果只有一张幻灯片，我想要实现的是将“禁用”类添加到控件中的下一个箭头。

谢谢

这是我使用的但是id不能完成这项工作：（

$(document).ready(function(){

$('.bxslider').bxSlider({
  minSlides: 1,
  maxSlides: 1,
  slideWidth: 214,
  slideMargin: 5,
  infiniteLoop: false,
  hideControlOnEnd: true,
  pager: false  
}); 

if(slider.getSlideCount() < 0){
        slider.controls.next.addClass('disabled');
    }
});

Answer 1

你试过了吗？

if($('ul.bxslider li').length == 1){
    $('.bx-next').addClass('disabled');
}

如果您正在使用ul li中的滑块，那么检查li的长度（如果是），然后禁用下一个btn。

Answer 2

或者，你可以用CSS

来做

.bxslider li:only-child .bx-next {
    // disabled rules
}