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