动态加载swiper,默认显示最后一个swiper-slide

其实就是ajax加载的问题呀，看了很多，终于自己总结出来了  ，让页面的HTML先加载，再去加载swiper

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
});

$(".swiper-wrapper").css('transform','translate3d(0px, 0px, 0px)');   //从一开始的位置问题
},1)

转载于:https://www.cnblogs.com/wpTing/p/9883707.html