動態加載swiper,默認顯示最後一個swiper-slide

其實就是ajax加載的問題呀,看了不少,終於本身總結出來了  ,讓頁面的HTML先加載,再去加載swipercss

setTimeout(() => {
var swiper = new Swiper('.swiper-container', {
initialSlide :0,   //讓開始第一個,官網文檔有
direction : 'vertical',
slidesPerView: 4,
navigation: {
nextEl: ' .swiper-button-next',
prevEl: '.swiper-button-prev',
},
observer:true,
observeParents:true
});ajax

$(".swiper-wrapper").css('transform','translate3d(0px, 0px, 0px)');   //從一開始的位置問題
},1)app

相關文章
相關標籤/搜索