2013-02-18 105 views
0

我在項目上使用BX滑塊,並且在使用destroy.slider()方法時遇到了一些麻煩 - 我的客戶端正在通過CMS添加圖像,所以幻燈片中有一個變量爲滑塊的每個實例。我試圖在滑動少於5張的情況下關閉滑塊並返回到正常的顯示狀態(這是沒有任何控件的網格)。閱讀完文檔後,我認爲這會起作用,但沒有運氣 - 即使getSlideCount返回2,滑塊仍保持機智。歡迎任何建議!bx滑塊在小於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 



}); 

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

回答

0

試試這個

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(); 
      }  
} 
}); 
0
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 
       }); 
    } 
+0

你忘了'slider.destroySlider();' – zer00ne 2016-03-10 15:17:14

+0

@ zer00ne如果幻燈片小於5不需要做。爲什麼你要摧毀它? – 2016-03-11 04:54:40

+0

哦,我看到我的壞。你的分數是4。 – zer00ne 2016-03-11 05:11:03

相關問題