如何手动初始化 tabs-swipeable-wrap

How to initialize tabs-swipeable-wrap manually

我将 swiper 与 framwork7 一起使用以获得可滑动的标签,它带有这个 class tabs-swipeable-wrap 允许获取它。

但是,我需要创建动态幻灯片,所以到目前为止我尝试的是 append 和 appendSlide。 我得到的最好结果是可滑动的幻灯片,但我不能超过第二张幻灯片,因为它会跳回第一张幻灯片。

我试过打电话 更新(); 也尝试过使用和不使用 tabs-swipeable-wrap class

除了滑动之外的所有工作。

有没有办法手动调用 tabs-swipeable-wrap !?

好的,所以我找到了解决方案,很简单: var mySwiper = document.querySelector('.swiper-container').swiper 所以得到 inilized swiper 并使用 update();在附加而不是 reinilizing 之后。

http://jsfiddle.net/wztgb8e5/6/

脚本有问题。你有 id 链接到 tab1、tab2、tab3 的标签栏,当你附加带有 id tab0、tab1、tab2 的刷卡滑块时。每次点击都会重复此操作。所以 tabbar href 和 tabs ids 是匹配的。如果你纠正它。然后它会工作正常。我也对 fiddle 检查进行了一些更新。