2017-01-16 62 views
0

我使用iDangerous滑块并且我想让它响应。我正在使用插件的断点。iDangerous swiper响应不能正常工作

我想达到的目标:在移动屏幕上只有1幅图像应该是可见的,在平板电脑上2,并在桌面上8

我做了这样的:

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

现在,它工作,但只有当我刷新页面。它似乎只抓住了一个突破点。当我从手机转到平板电脑时,它可以工作。但是当我从移动到桌面时,它不会。反过来也是如此。桌面到平板电脑的作品,但桌面到手机不起作用。

从桌面到移动,它会显示两个图像,而不是1,并从移动到桌面它显示4张图像,而不是8

任何人都知道什么地方出错了?

感谢

回答

0

由于按照组队,探索API文档,我不认为这个插件断点会为slidesPerColumn工作: “不是所有的参数都可以在断点改变,只有那些不要求不同的布局和逻辑,像slidesPerView,slidesPerGroup,spaceBetween。像slidesPerColumn,循环,方向,效果这样的参数将不起作用。“

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

祝您好运!