美文网首页
ajax请求+swiper轮播图报错如何解决

ajax请求+swiper轮播图报错如何解决

作者: 倩倩psyche | 来源:发表于2017-08-03 16:39 被阅读365次

![Uploading QQ截图20170803163836_543744.png . . .]
问题:在使用swiper插件的时候,如果图片是从网络请求的,在页面刷新的时候,轮播图出错,不会轮播。
解决方案:

QQ截图20170803163836.png
var mySwiper = new Swiper ('.swiper-container', {
        direction: 'horizontal',
            autoplay:3000,
         // 如果需要分页器
        pagination: '.swiper-pagination',
      //添加这两个属性!!!!!!!!!
        observer:true,//修改swiper自己或子元素时,自动初始化swiper
            observeParents:true,//修改swiper的父元素时,自动初始化swiper
    });

相关文章

网友评论

      本文标题:ajax请求+swiper轮播图报错如何解决

      本文链接:https://www.haomeiwen.com/subject/fovplxtx.html