Swiper 通过ajax加载图片轮播后,导航点失效问题处理。
2017-09-28 15:17
766 查看
Swiper 通过ajax加载图片轮播后,导航点失效问题。
问题:
Swiper的图片是,ajax加载出来的,先ajax然后再执行Swiper后,Swiper的某些功能失效(滑动图片的时候下面的几个提示小点不跟着动)
解决方式:
1.Swiper重新加入observer:true,observeParents:true,这2个添加新原始的初始化参数,
2.加入初始化参数后不能在ajax里面执行,不然还是冲突,
3.这种情况下Swiper只能使用最基础的效果,否则还是失效。
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper
相关文章推荐
- 使用swiper 轮播插件ajax 请求加载图片时,无法滑动问题
- 使用swiper 轮播插件ajax 请求加载图片时,无法滑动
- ajax动态加载swiper,滑动问题解决
- mui图片轮播ajax动态加载后不轮播
- 使用Ajax时处理用户session失效问题的解决方法
- swiper 解决动态加载数据滑动失效的问题
- 通过图片地址,将图片处理成base64,使用ajax上传图片
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- swiper图片轮播lazy加载自适应浏览器宽度
- 解决 swiper 在angularjs中使用循环轮播失效的问题
- android加载大图片时oom问题处理
- 处理ajax请求session失效问题
- 解决tmpl插件与图片自动轮播插件结合使用,无法加载mytv()方法问题
- 使用Ajax时处理用户session失效的问题
- imageload控件处理加载图片闪动的问题
- 通过二次加载脚本,解决Ajax加载的页面中JS脚本不执行问题
- 使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)
- 使用 aui 自带的图片轮播图,AJAX异步调用数据给它无法轮播问题
- jquery+ajax验证不通过也提交表单问题处理
- 导航菜单、异步获取图片、自动轮播、上拉加载、下拉刷新、点击图片加载WedView