我正在尝试使用bxslider框架构建轮播,但是我无法使分页正常工作。
由于某些原因,它无法正确计算页面:
据说只有一页,但是总共有3张幻灯片,并且一次显示两张幻灯片,因此,它应该显示2之2,而不是1之2。
有人对此有解决方案吗?
这是我的设置:
var slider = $slider.bxSlider({
slideWidth: 350,
minSlides: 1,
maxSlides: 3,
shrinkItems: true,
nextText: "",
prevText: "",
pager: true,
pagerType: "short",
pagerShortSeparator: " of ",
slideMargin: 60,
responsive: true,
auto: false,
infiniteLoop: false,
hideControlOnEnd: true,
});
谢谢
更新
我可能自己在框架中发现了一个错误。 当使用分页类型“ short”时,在bxslider源代码行823中,代码如下:
len = Math.ceil(slider.children.length / slider.settings.maxSlides);
但是,有一种方法可以检索滑块视口中的可见幻灯片数量,使用起来更正确:
len = Math.ceil(slider.children.length / getNumberSlidesShowing());
这样,由于可见幻灯片的数量将根据您的屏幕尺寸而有所不同,因此滑块现在将可响应地工作。