jquery-plugins - 如何使幻灯片数量完全响应(bxslider 4.1)而无需重新加载页面

Question

拼命尝试更改幻灯片的数量以使轮播幻灯片完全响应(而不是必须刷新页面以显示更新的最小/最大幻灯片数量。

求助!!!我整天都在与它作斗争。

现在，我必须刷新浏览器才能显示正确数量的幻灯片。这是我的代码:

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

Answer 1

你不需要使用 jquery 来切换元素的数量:

$('.bxslider').bxSlider({
        minSlides: 1,
        maxSlides: 4,
        slideWidth: 515,
        slideMargin: 0
    });

bxSlider 然后响应。因为如果你改变宽度，他会在里面制作 carusel 1-4 元素