Question

我在项目中使用BX滑块并且遇到了destroy.slider（）方法的问题 - 我的客户端正在通过CMS添加图像，因此滑块的每个实例都有一个变量＃幻灯片。当少于5张幻灯片并且返回到正常显示状态（这是没有任何控件的网格）时，我试图杀死滑块。阅读完文档后，我认为这样可行，但没有运气 - 即使getSlideCount返回2，滑块仍保持机智。欢迎任何建议！

谢谢！

var slider = $('#view-profiles').bxSlider({
  minSlides: 4,
  maxSlides: 4,
  nextSelector: '.next',
  prevSelector: '.back',
  slideWidth:   '220px',
  pager: false,
  slideMargin: '0',
  nextText: '',
  prevText: '',
  infiniteLoop:false,
  hideControlOnEnd: true



}); 

if (slider.getSlideCount() < 5){
  slider.destroySlider();
}

Answer 1

试试这个

var total_slide = slider.getSlideCount() ;

if (total_slide  < 5){
  slider.destroySlider();
}

或

var slider = $('#view-profiles').bxSlider({
  minSlides: 4,
  maxSlides: 4,
  nextSelector: '.next',
  prevSelector: '.back',
  slideWidth:   '220px',
  pager: false,
  slideMargin: '0',
  nextText: '',
  prevText: '',
  infiniteLoop:false,
  hideControlOnEnd: true,
  onSliderLoad:function() 
            {
            if (slider.getSlideCount() < 5){
            slider.destroySlider();
            }    
 }
});

Answer 2

if($('#view-profiles > div').length > 4){
            var slider = $('#view-profiles').bxSlider({
                  minSlides: 4,
                  maxSlides: 4,
                  nextSelector: '.next',
                  prevSelector: '.back',
                  slideWidth:   '220px',
                  pager: false,
                  slideMargin: '0',
                  nextText: '',
                  prevText: '',
                  infiniteLoop:false,
                  hideControlOnEnd: true   
                });
    }

当少于4张幻灯片时，bx滑块会破坏

2 个答案: