博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
动态加载swiper,默认显示最后一个swiper-slide
阅读量:6152 次
发布时间:2019-06-21

本文共 447 字,大约阅读时间需要 1 分钟。

其实就是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

你可能感兴趣的文章
linux基础命令
查看>>
EIGRP小结
查看>>
MyBatis之Mapper XML 文件详解(三)-Result Maps
查看>>
11.7PMP试题每日一题
查看>>
linux,基本操作
查看>>
键盘录入
查看>>
Fragment 实现 Tab
查看>>
动态数据写入pdf模板心得
查看>>
关于思维, 智力, 算法实现等
查看>>
「4+1视图」学习与理解
查看>>
JavaScript时钟与定时器
查看>>
A站数据泄露
查看>>
npm常用命令
查看>>
【杭州云栖】视频云朱照远:让信息分享变简单——视频云2.0重磅发布
查看>>
新手学习Linux——lvm逻辑卷创建管理
查看>>
Android程序员的一些面试建议
查看>>
python学习笔记2:分支循环
查看>>
C++基础教程,比较全面,适合小白
查看>>
【大数据技术分享】数据清理的终极指南
查看>>
微信中如何实现点击链接或者扫描二维码跳转到手机默认浏览器打开指定链接URL...
查看>>