轮播问题无法计算“页数”权

时间:2019-02-27 12:36:07

标签: jquery bxslider

我正在尝试使用bxslider框架构建轮播,但是我无法使分页正常工作。

由于某些原因,它无法正确计算页面:

enter image description here

据说只有一页,但是总共有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());

这样,由于可见幻灯片的数量将根据您的屏幕尺寸而有所不同,因此滑块现在将可响应地工作。

0 个答案:

没有答案