Question

我正在使用bxSlider插件进行这样的幻灯片演示。

ele = $('#slider2').bxSlider({
    minslides: 4,
    maxslides: 4
});

如果窗口大小减小到480px以下，我想将minslides更改为2，以使其响应。我试图绑定窗口调整大小属性并将其与变量：

一起使用

ELE

$(window).resize(function(){
    if($(document).width()<=480) w = 2; else w = 4;
    ele.minslides = 2;
    $('#slider2').bxSlider({
    minslides: w,
    maxslides: 4
});

}）;`

但它不起作用。我该怎么办？

Answer 1

发现bxslider有一个可用于此目的的reloadSlider（）方法。不管怎样，谢谢。

ele = $('#slider2').bxSlider({
    minslides: 4,
    maxslides: 4
});

$(window).resize(function(){
    if($(document).width()<=480) w = 2; else w = 4;
    ele.reloadSlider();
});

一旦jQuery对象实例被实例化，就修改它的属性

1 个答案: