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

时间:2017-12-09 18:02:06

标签: javascript html-framework-7 swiper

我使用带有framwork7的swiper来获得可滑动的标签,它附带了这个类标签 - 可滑动的包装,允许它。

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

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

所有工作除了滑动外。

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

2 个答案:

答案 0 :(得分:0)

好的,所以我找到了解决方案,简单: var mySwiper = document.querySelector('.swiper-container').swiper 因此,获取inured swiper并使用update();在追加而不是重新加入之后。

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

答案 1 :(得分:0)

脚本有问题。你有一个标签链接到tab1,tab2,tab3的tabbar,你正在添加带有id tab0,tab1,tab2的swiper滑块。每次点击都会重复此操作。所以tabbar href和tabs ids匹配。如果你纠正它。然后它会正常工作。我也对小提琴检查做了一些更新。