拼命尝试更改幻灯片的数量,以便轮播幻灯片完全响应(INSTEAD OF必须刷新页面以显示最新/最大幻灯片的更新数量。
请帮忙!!!我一整天都在和它斗争。
现在,我必须刷新浏览器以显示正确数量的幻灯片。 这是我的代码:
$(window).ready(function(){
var minNumber,
maxNumber,
width = $(window).width();
if (width < 430) {
minNumber = 1;
maxNumber = 2;
} else if (width < 1024) {
minNumber = 3;
maxNumber = 3;
} else {
minNumber = 4;
maxNumber = 5;
}
$('.bxslider').bxSlider({
minSlides: minNumber,
maxSlides: maxNumber,
slideWidth: 515,
slideMargin: 0
});
});
答案 0 :(得分:0)
你不需要使用jquery来切换元素数量:
$('.bxslider').bxSlider({
minSlides: 1,
maxSlides: 4,
slideWidth: 515,
slideMargin: 0
});
然后bxSlider会响应。因为如果你改变宽度他会在里面制作carusel 1-4元素