动态加载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)

posted @ 2018-10-31 15:56  wpTing  阅读(1201)  评论(0编辑  收藏  举报