Swiper 通过ajax加载图片轮播后,导航点失效问题处理。

Swiper 通过ajax加载图片轮播后,导航点失效问题。


问题:
Swiper的图片是,ajax加载出来的,先ajax然后再执行Swiper后,Swiper的某些功能失效(滑动图片的时候下面的几个提示小点不跟着动)

Swiper 通过ajax加载图片轮播后,导航点失效问题处理。_第1张图片



解决方式:
1.Swiper重新加入observer:true,observeParents:true,这2个添加新原始的初始化参数,
2.加入初始化参数后不能在ajax里面执行,不然还是冲突,
3.这种情况下Swiper只能使用最基础的效果,否则还是失效。


observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper

Swiper 通过ajax加载图片轮播后,导航点失效问题处理。_第2张图片


你可能感兴趣的:(Swiper 通过ajax加载图片轮播后,导航点失效问题处理。)