問題:
兩種解決辦法:
解決辦法一:
var mySwiper = new Swiper ('.swiper-container', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
//解決辦法1,監聽元素:
observer:true,//修改swiper自己或子元素時,自動初始化swiper
observeParents:true//修改swiper的父元素時,自動初始化swiper
})
解決辦法二:
var mySwiper = new Swiper ('.swiper-container', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
//解決辦法2,寫死寬高:
width: 1000px,
height: 1000px
})
原因是:
swiper在初始化時, 其父級元素處於隱藏狀態(display:none),會導致swiper初始化失敗
更多常見坑點這裏>>>傳送門