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

chinese_yu

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

每次滑动到最后一张时，

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

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

IT大汉

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

胖猫

不，明白..

admin

update呢

muzi

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

chinese_yu

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

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


这样解释明白么。。。。

chinese_yu

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

update似乎不行

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

这样没有效果。

chinese_yu

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

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

fusubujian

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

2495152029

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