iDangerous swiper响应不正常

Question

我正在使用iDangerous滑块，我想让它响应。我正在使用插件的断点。

我想要实现的是:在移动屏幕上只能看到一张图片，在平板电脑2上和桌面8上应该可以看到。

我是这样做的：

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

现在，只有当我刷新页面时，它才能工作。它似乎只捕捉到了一个临界点。当我从移动设备转到平板电脑时，它是有效的。但当我从移动设备转到桌面时，情况并非如此，反过来也是如此。桌面到平板电脑可以工作，但桌面到移动设备不能工作。

从桌面到移动，它将显示两个图像而不是1个，从移动到桌面，它将显示4个图像而不是8个。

有人知道会出什么问题吗？

谢谢

Answer 1

根据Swiper API文档，我认为插件断点不适用于slidesPerColumn：“不是所有的参数都可以在断点中更改，只有那些不需要不同布局和逻辑的参数，比如slidesPerView，slidesPerGroup，spaceBetween。像slidesPerColumn，loop，direction，effect这样的参数不会在中工作。”

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

祝你好运！

Answer 2

你的问题是iDangerous从移动大小开始，然后变得更大。

所以你必须这样做：

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

我也有同样的问题，下面的代码帮我解决了这个问题：)