亚洲AV无码乱码在线观看AV,中文字幕国产二区看片资源,野花免费观看高清视频7,黄色片 网站,国产三级精品三级在线专区91

swiper4.5因為display:none再次顯示無法自動滑動問題解決方案

作者:PB模板網 時(shi)間:2022-04-16 21:09:05 瀏覽:2399 點贊(zan):266
2399

問(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) 所發布的內容,部分為原創文章,轉載請注明來源,網絡轉載文章如有侵權請聯系我們!
本文最后更新發布于2022-12-23 09:59:59,某些文章具有時效性,若有錯誤或已失效,請在下方留言或聯系客服:

相關閱讀

通知公告
PbootCMS安全提示
pbootcms網站上線后需要做防護
權限設置|主機防護|數據庫路徑...
我要查看