swiper做的手机端H5页面，同一页面两个sweiper，怎么相互切换

Question

手机端H5宣传页面总体上是3屏，用swiper做的上下滑动切换滑到第二屏，第二屏中有一些超链接，指向另一个swiper，第二个swiper是第二屏内容的详细介绍大体上就是这样，也不复杂，就是可以从第一个swiper中点击链接切换到第二个swiper，然后从第二个中也可以返回到第一个问题是这个怎么实现呢两个swiper在页面加载的时候同时 new 创建出来吗，我试了，同时创建，让第二个display none ,切换的时候第一个display none ，第二个 block ，可是这样第二个swiper就彻底乱了，没效果了有大神做过类似的吗而且不止两个swiper,第二个swiper还有它的下级，是它的更详细的产品介绍。。。。。。

Answer 1

看了看你的描述，我可以给出我的想法：

1. 页面用第一个swiper切换

2. 到第二页面点击时可以用弹窗的形式显示第二个swiper建立并初始化或者更新swiper（因为在display:none的情况下swiper的尺寸计算好像有误），

3. 第二个swiper可以关闭当前弹窗，两个swiper实际上不影响的

Answer 2

同个页面多个 swiper官方就有说明文档
官方文档

在给你的例子参考下 
栗子