美文网首页
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