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