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

问题描述 投票:0回答:2

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

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

我试过调用update();也尝试使用和不使用tabs-swipeable-wrap类

所有工作除了刷卡。

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

javascript html-framework-7 swiper
2个回答
0
投票

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

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


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.