Question

我正在使用iDangerous滑块，我想让它响应。我正在使用插件＆＃39; breakingpoints。

我想要实现的目标：在移动设备屏幕上，只能在平板电脑2和桌面8上看到1张图片。

我是这样做的：

slidesPerColumn: 8,
        breakpoints: {
        700: {
          slidesPerColumn: 1
        },
        1020: {
          slidesPerColumn: 2
        }
      }

现在，它确实有效，但只有在刷新页面时才有效。它似乎只能抓住一个突破点。当我从手机转到平板电脑时，它可以工作。但是当我从手机转到桌面时，它并没有。反过来也是如此。桌面到平板电脑可以工作，但桌面到移动设备不起作用。

从桌面到移动设备，它会显示两个图像而不是1个，而从手机到桌面则显示4个图像而不是8个。

任何人都知道可能出现什么问题？

由于

Answer 1

根据Swiper API文档，我认为插件断点不适用于slidesPerColumn： “并非所有参数都可以在断点中更改，只有那些不需要不同布局和逻辑的参数，如slidesPerView，slidesPerGroup，spaceBetween。诸如slidesPerColumn，循环，方向，效果等参数将无法正常工作。 “

http://idangero.us/swiper/api/#.WI6aSbYrK9Y

祝你好运！

Answer 2

您的问题是iDangerous从移动尺寸开始，然后逐渐变大。.

所以您必须这样做：

slidesPerColumn: 1,
        breakpoints: {
        700: {
          slidesPerColumn: 2
        },
        1020: {
          slidesPerColumn: 1
        }
      }

我遇到了同样的问题，这对我来说已经解决了：）

iDangerous swiper响应不正常

2 个答案: