swiper动态加载图片的问题。。。很急很关键。

可以滑动了,但是从第一张图往左滑划不动,而且从最后一张图再往右滑,直接到了第二张图了而不是第一张图。遇到同样问题,有解决办法吗?

direction: 'horizontal',
// autoplay: 5000,
loop: true,
slidesPerView: 'auto',
loopedSlides: 8,
slidesOffsetBefore: slioff,
pagination: '.swiper-pagination',
initialSlide: 0,
observer: true, //修改swiper自己或子元素时,自动初始化swiper
observeParents: true //修改swiper的父元素时,自动初始化swiper

图片描述

active焦点一直在第二张图片上。

阅读 6.2k
3 个回答
新手上路,请多包涵

clipboard.png
一样的问题 即使在动态数据插入后更新也不行 然后我把实例化swiper放在了动态数据加载后 就正常了

clipboard.png

确认一下是否是在图片请求完了去初始化了swiper,建议在每次修改了元素之后或者完成了请求之后手动去初始化swiper。
建议你试一下页面加载完之后去初始化swiper的方法,看看还有没有问题。

新手上路,请多包涵

遇到了同样的问题,请问你是怎么解决的?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题