亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

慕村9548890 2018-08-23 20:08:57
手機端H5宣傳頁面總體上是3屏,用swiper做的上下滑動切換滑到第二屏,第二屏中有一些超鏈接,指向另一個swiper,第二個swiper是第二屏內容的詳細介紹大體上就是這樣,也不復雜,就是可以從第一個swiper中點擊鏈接切換到第二個swiper,然后從第二個中也可以返回到第一個問題是這個怎么實現呢兩個swiper在頁面加載的時候同時 new 創建出來嗎,我試了,同時創建,讓第二個display none ,切換的時候第一個display none ,第二個 block ,可是這樣第二個swiper就徹底亂了,沒效果了有大神做過類似的嗎而且不止兩個swiper,第二個swiper還有它的下級,是它的更詳細的產品介紹。。。。。。
查看完整描述

1 回答

?
蝴蝶不菲

TA貢獻1810條經驗 獲得超4個贊

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

  1. 頁面用第一個swiper切換

  2. 到第二頁面點擊時可以用彈窗的形式顯示第二個swiper建立并初始化或者更新swiper(因為在display:none的情況下swiper的尺寸計算好像有誤),

  3. 第二個swiper可以關閉當前彈窗,兩個swiper實際上不影響的


查看完整回答
反對 回復 2018-08-26
?
白板的微信

TA貢獻1883條經驗 獲得超3個贊

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

在給你的例子參考下 
栗子


查看完整回答
反對 回復 2018-08-26
  • 1 回答
  • 0 關注
  • 1910 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號