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