jquery bxslider旋轉木馬問題當調整大小

Question

我有bxslider旋轉木馬的問題。即時通訊嘗試使敏感web和即時通訊在js中使用調整大小的方法。即時嘗試使滑塊有2個幻燈片，然後通過縮小窗口寬度滑動1。 但,,,,當我縮小窗口寬度，bxslider不會改變..... 下面是我的代碼。我搜索了很多關於這個問題,, PPL要求把reloadSlider或destroySlider但我知道二硝基甲苯哪兒把這個代碼,,

var slider; 
    function bxslider(){ 
     if(width>555&&width<=765){ 
     slider=$('.bxslider2').bxSlider({ 
      minSlides: 2, 
      maxSlides: 2, 
      slideWidth:400, 
      moveSlides:1 
     }); 
     slider.reloadSlider(); 
    } 
    if(width<=555){ 
     var slider=$('.bxslider2').bxSlider({ 
      minSlides: 1, 
      maxSlides: 1, 
      slideWidth:0, 
      moveSlides:1 
     }); 
     slider.reloadSlider(); 
    } 
} 
$window.on('resize',function(){ 
    bxslider(); 
}); 

Answer 1

使用此代碼

var slider;  
function bxslider(){ 
      var width = $(document).width(); 
     //alert(width); 

     if(width>555&&width<=765){ 
     slider=$('.bxslider2').bxSlider({ 
      minSlides: 2, 
      maxSlides: 2, 
      slideWidth:400, 
      moveSlides:1 
     }); 

    } 
    if(width<=555){ 
     var slider=$('.bxslider2').bxSlider({ 
      minSlides: 1, 
      maxSlides: 1, 
      slideWidth:0, 
      moveSlides:1 
     }); 

    } 
    slider.reloadSlider(); 
} 
$(window).on("orientationchange load resize", function() { 
    bxslider(); 
}); 

JsFiddle Demo here

編輯：嘗試把你的函數slider.reloadSlider（）;在條件方面..我再次更新了答案檢查。

Answer 2

試試這個

var slider; 
    function bxslider(){ 
     if($(window).width()>555&&($(window).width()<=765){ 
     slider=$('.bxslider2').bxSlider({ 
      minSlides: 2, 
      maxSlides: 2, 
      slideWidth:400, 
      moveSlides:1 
     }); 
     slider.reloadSlider(); 
    } 
    if(($(window).width()<=555){ 
     slider=$('.bxslider2').bxSlider({ 
      minSlides: 1, 
      maxSlides: 1, 
      slideWidth:0, 
      moveSlides:1 
     }); 

    } 
} 
$window.on('resize',function(){ 
    slider.reloadSlider(); 
});