swiper4.5因為display:none再次顯示無法自動滑動問題解決方案
作者:PB模板網
時(shi)間:2022-04-16 21:09:05
瀏覽:2399
點贊(zan):266
問(wen)題是(shi)這樣的: 當你(ni)興高采烈(lie)的寫完(wan)一個tab,并且把swiper嵌入到(dao)每一個tab item 覺得大功告成(cheng)的時(shi)候(hou),你(ni)會發現,永遠只有第一個tab上的swiper生(sheng)效了,其余的不(bu)管你(ni)怎么切換,swiper總是(shi)初始(shi)化失(shi)敗,是(shi)的,就是(shi)不(bu)能愉(yu)快的滾動(dong)了~
解決方法
官網給出的解決方案是,使(shi)用(yong)observer: swiper4的api地(di)址(zhi):
observer:true,//修改swiper自己或子元素時,自動初始化 swiperobserveParents:true,//修改swiper的父元素時,自動初始化swiper
案例:
<script language="JavaScript"> var mySwiper = new Swiper('.swiper-container',{ pagination: { el: '.swiper-pagination', }, observer:true, }) $('#btn1').click(function(){ $(".swiper-wrapper .swiper-slide1").remove(); }) </script>
也可以再試試mySwiper.init(),重新初始化的方(fang)式。
此(ci)方法(fa),可以(yi)解(jie)決(jue)(jue)因(yin)display:none,導致的swiper無(wu)(wu)(wu)法(fa)初始化(hua)的問,但是(shi)無(wu)(wu)(wu)法(fa)解(jie)決(jue)(jue)無(wu)(wu)(wu)法(fa)自動播放的我問題。
文章鏈接://bilinxiyi.cn/458.html
文章標題:swiper4.5因為display:none再次顯示無法自動滑動問題解決方案
文章版權:PB模板網 (bilinxiyi.cn) 所發布的內容,部分為原創文章,轉載請注明來源,網絡轉載文章如有侵權請聯系我們!
本文最后更新發布于
文章標題:swiper4.5因為display:none再次顯示無法自動滑動問題解決方案
文章版權:PB模板網 (bilinxiyi.cn) 所發布的內容,部分為原創文章,轉載請注明來源,網絡轉載文章如有侵權請聯系我們!
本文最后更新發布于
2022-12-23 09:59:59
,某些文章具有時效性,若有錯誤或已失效,請在下方留言或聯系客服: