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

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

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

每次滑动到最后一张时，

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

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

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，等有时间慢慢查是啥问题

chinese_yu · 发表于 2018-1-2 09:50:26

本帖最后由 chinese_yu 于 2018-1-2 10:04 编辑

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

解决了，
var timerOut, swiper;
      timerOutFun();
      function timerOutFun() {
      timerOut = setTimeout(function () {
         if (self.ProductVo) {
            swiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: 3000,
            pagination: {
               el: '.swiper-pagination',
            }
            });
            clearTimeout(timerOut);
         } else {
            timerOutFun()
         }
      }, 10)
      }

很暴力的方法，

chinese_yu · 发表于 2018-1-2 09:51:34

IT大汉发表于 2017-12-28 23:26
我用的是swiper4，最新的，我的没问题的。第一，各个需要的JS加载路径检查下；第二，加载JS和数据显示先后 ...

嗯嗯，是数据加载和js执行顺序的问题，在chrome上打断点查出来的，