0

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

谢谢

这是我使用的，但 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');
    }
});
4

2 回答 2

1

你有没有尝试过：

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

如果您在 ul li 中有滑块，则检查 li 的长度，如果是一个，则禁用下一个 btn。

于 2012-12-03T18:10:04.120 回答
0

或者，您可以使用 CSS

.bxslider li:only-child .bx-next {
    // disabled rules
}
于 2013-01-17T22:56:57.227 回答