我有bxslider轮播的问题.即时尝试使用js中的resize方法制作响应式web和im.我试图使滑块有2个幻灯片,然后通过缩小窗口宽度1滑动.
但是,当我缩小窗口宽度时,bxslider不会改变…..
下面是我的代码.我搜索了很多关于这个问题,ppl要求把reloadSlider或destroySlider但是我知道这个代码到底放在哪里,
但是,当我缩小窗口宽度时,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();
});
解决方法
使用此代码
var slider;
function bxslider(){
var width = $(document).width();
//alert(width);
if(width>555&&width<=765){
slider=$('.bxslider2').bxSlider({
minSlides: 2,moveSlides:1
});
}
if(width<=555){
var slider=$('.bxslider2').bxSlider({
minSlides: 1,moveSlides:1
});
}
slider.reloadSlider();
}
$(window).on("orientationchange load resize",function () {
bxslider();
});
编辑：尝试tu把你的函数slider.reloadSlider();在if条件旁边..我再次更新了答案检查.
