jquery - bx 滑块在少于 4 张幻灯片时销毁

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   
                });
    }