关于使用swiper 轮播插件ajax动态加载图片后导航点不动问题。
逻辑
1.通过ajax动态获取数据后获取图片后遍历到Swiper上;
2.Swiper将其实例化后做效果渲染。
根据上述思路做到的效果如下图:
然而这样的话会遇到一个问题,用户在滑动Swiper的时候里面的导航点有时候可以有时候失效!!
通过api文档查询找到2个参数observer 和 observeParents
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper