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