swiper在动态绑定数据之后，不能滑动。

chinese_yu · 发表于 2017-12-27 10:01:41

在我添加observer参数之后可以滑动，但是还存在bug：添加loop参数之后，

每次滑动到最后一张时，

再次滑动不能滑动到第一张而是到第二张。

有点乱，不知道能不能明白。。。。。

IT大汉 · 发表于 2017-12-28 23:26:53

我用的是swiper4，最新的，我的没问题的。第一，各个需要的JS加载路径检查下；第二，加载JS和数据显示先后顺序检查下，加载JS放数据显示之后执行；第三，（observer:true,//当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。）这个要加；第四，你的.swiper-container要加个宽和高。这些都做到了，就没问题了。

胖猫 · 发表于 2017-12-27 11:12:46

不，明白..

admin · 发表于 2017-12-27 11:37:01

update呢

muzi · 发表于 2017-12-27 18:08:23

我也遇到这个问题了，急求啊啊啊。网上都没看到解决方法

chinese_yu · 发表于 2017-12-28 10:42:23

胖猫发表于 2017-12-27 11:12
不，明白..

给swiper动态绑定数据不能滑动，然后加了observer参数之后可以滑动了，
但是还存在一个bug，就是：
我添加loop让swiper可以循环，【这里就出现问题了】
当我滑动到最后一张，再次滑动时，正确的应该是 swiper到第一张，
而现实是，swiper直接滑到了第二张。。。

这样解释明白么。。。。

chinese_yu · 发表于 2017-12-28 10:43:47

admin 发表于 2017-12-27 11:37
update呢

update似乎不行

var swiper = new Swiper('.swiper-container', {
            loop: true,
            observer: true,
            observeParents:true
         });
         swiper.update();

这样没有效果。

chinese_yu · 发表于 2017-12-28 10:45:17

muzi 发表于 2017-12-27 18:08
我也遇到这个问题了，急求啊啊啊。网上都没看到解决方法

我现在不用loop，也就是不让swiper循环，是可以正常滑动的。就先这样吧，着急赶进度，TODO，等有时间慢慢查是啥问题

fusubujian · 发表于 2017-12-28 14:12:10

可以尝试检测当前Index，如果到最后一张，手动调回第一张，重新开始滚动

2495152029 · 发表于 2017-12-28 18:01:23

写法问题，调用位置也不对，observer和update重复了。楼主说的问题没把代码粘出来。