在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ swiper做的手機端H5頁面,同一頁面兩個sweiper,怎么相互切換

swiper做的手機端H5頁面,同一頁面兩個sweiper,怎么相互切換

手機端H5宣傳頁面
總體上是3屏,用swiper做的
上下滑動切換
滑到第二屏,第二屏中有一些超鏈接,指向另一個swiper,
第二個swiper是第二屏內容的詳細介紹

大體上就是這樣,也不復雜,就是可以從第一個swiper中點擊鏈接切換到第二個swiper,然后從第二個中也可以返回到第一個

問題是這個怎么實現呢

兩個swiper在頁面加載的時候同時 new 創(chuàng)建出來嗎,
我試了,同時創(chuàng)建,讓第二個display none ,切換的時候第一個display none ,第二個 block ,可是這樣第二個swiper就徹底亂了,沒效果了

有大神做過類似的嗎

而且不止兩個swiper,第二個swiper還有它的下級,是它的更詳細的產品介紹。。。。。。

回答
編輯回答
失魂人

同個頁面多個 swiper官方就有說明文檔
官方文檔

在給你的例子參考下
栗子

2017年2月5日 09:08
編輯回答
挽青絲

看了看你的描述,我可以給出我的想法:

  1. 頁面用第一個swiper切換
  2. 到第二頁面點擊時可以用彈窗的形式顯示第二個swiper建立并初始化或者更新swiper(因為在display:none的情況下swiper的尺寸計算好像有誤),
  3. 第二個swiper可以關閉當前彈窗,兩個swiper實際上不影響的
2018年3月16日 00:42