使用swiper 轮播插件ajax 请求加载图片时，无法滑动问题
2016-10-19 16:34
666 查看
因为banner图是动态创建的，在插件开始初始化时，文档流中没用图片，故没有创建相应宽度，通过调整js加载顺序，问题还是没有解决。最后找到swiper插件 api 有属性是可以根据内容变动，自动初始化插件的，添加observer：true后问题解决！
var mySwiper = new Swiper ('.swiper-container', { pagination: '.swiper-pagination', autoplay: 5000, loop: true, observer:true,//修改swiper自己或子元素时，自动初始化swiper observeParents:true,//修改swiper的父元素时，自动初始化swiper })
var mySwiper = new Swiper ('.swiper-container', { pagination: '.swiper-pagination', autoplay: 5000, loop: true, observer:true,//修改swiper自己或子元素时，自动初始化swiper observeParents:true,//修改swiper的父元素时，自动初始化swiper })
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用swiper 轮播插件ajax 请求加载图片时，无法滑动
- 解决tmpl插件与图片自动轮播插件结合使用，无法加载mytv()方法问题
- 关于使用图片轮播插件无法实现效果的问题
- 关于使用图片轮播插件无法实现效果的问题
- Swiper 通过ajax加载图片轮播后,导航点失效问题处理。
- 使用 aui 自带的图片轮播图，AJAX异步调用数据给它无法轮播问题
- Android 用Json解析请求图片写的一个ViewPager广告轮播 , 带滑动小圆点 ,完美解决了三张图片引起的滑动问题
- PC端、移动端都可以用的图片轮播（左右滑动切换）插件及使用
- struts2使用action跳转后的页面路径如果是相对路径的话会出现css、js以及图片等无法加载问题
- 列表中使用Picasso加载图片滑动列表时加载效率优化解决滑动卡顿问题
- swiper动态加载数据轮播滑动异常问题
- RoundedImageView使用吐槽心得(RoundedImageView与Glide加载图片,第一次加载无法圆角问题)
- SpringMVC中使用Ajax POST请求以json格式传递参数服务端通过request.getParameter("name")无法获取参数值问题分析
- RoundedImageView使用吐槽心得(RoundedImageView与Glide加载图片,第一次加载无法圆角问题)
- angular4 中使用swiper，开启loop后首次加载页面，轮播一次性跳过多张图片
- 在使用Recyclerview加载列表圆形图片时出现的滑动卡顿及图片混乱问题
- Vue项目使用swiper做轮播图时，异步调用数据时导致图片不能滑动的解决方法
- 最近使用ajaxFileUpload和Jcrop来实现图片上传和截图，出现一个图片无法更换的问题
- 使用universalimageloader图片加载框架,正确加载却无法显示图片问题的处理
- 使用图片预加载，解决断网后无法从后台获取提示网络异常的logo图片的问题