
image.png
因?yàn)槲业膕wiper是寫在選項(xiàng)卡里的,父級的現(xiàn)實(shí)隱藏會使swiper失效,所以添加了監(jiān)視器
var mySwiper1 =new Swiper('.swiper2', {
observer:true,
observeParents:true,
loop:true,
centeredSlides:true,
pagination:'.pagination1',
paginationClickable:true,
prevButton:'.prev1',
nextButton:'.next1',
})
前進(jìn)后退按鈕切換,和手動切換頁面正常了,但是分頁器的圓點(diǎn)不會隨之變化
于是再加上
var mySwiper1 =new Swiper('.swiper2', {
observer:true,
observeParents:true,
loop:true,
centeredSlides:true,
pagination:'.pagination1',
paginationClickable:true,
prevButton:'.prev1',
nextButton:'.next1',
onSlideChangeEnd:function(swiper){
swiper.update()//更新
}
})
就可以正常切換啦