查看: 2323|回复: 1
打印 上一主题 下一主题

求助 swiper3x动态数据更新

[复制链接]
  • TA的每日心情
    难过
    2017-7-18 15:02
  • 签到天数: 1 天

    [LV.1]初来乍到

    2

    主题

    5

    帖子

    31

    积分

    新手上路

    Rank: 1

    积分
    31
    跳转到指定楼层
    楼主
    发表于 2020-2-8 09:50:16 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    本帖最后由 小姨家错对门 于 2020-2-8 10:23 编辑

    swiper3 能在onSlideChangeEnd回调函数里添加mySwiper.startAutoplay(); 和mySwiper.reLoop(); (如下方代码所示)么?为什么一添加就不滚动了呢?swiper3能实现动态数据更新么?这个问题困扰了我很久,一直没有找到解决办法,求大神帮助,万分感谢!!

      var mySwiper = new Swiper ('.swiper-container', {
        slidesPerView :'auto',
        autoplay:2000,
        loop: true,
        direction : 'vertical',
        initialSlide :0,   
        observer:true,  //修改swiper自己或子元素时,自动初始化swiper   
        observeParents:true,  //修改swiper的父元素时,自动初始化swiper
        onSlideChangeEnd: function(swiper){
                //alert(swiper.activeIndex);
            swiper.update();  //更新Swiper,这个方法包含了updateContainerSize,updateSlidesSize,updateProgress,updatePagination,updateClasses方法。也就是数据改变是重新初始化一次swiper;
            mySwiper.startAutoplay();  //重新开始自动切换;
            mySwiper.reLoop();  //重新对需要循环的slide个数进行计算,当你改变了slidesPerView参数时需要用到,需要自动轮播的时候必须要加上;
        }
      })
    报以下错误找不到这个属性
    Uncaught TypeError: Cannot read property 'startAutoplay' of undefined
        at Object.onSlideChangeEnd (index.html:145)
        at Swiper.s.emit (swiper.js:4196)
        at Swiper.s.onTransitionEnd (swiper.js:2130)
        at Swiper.s.slideTo (swiper.js:2084)
        at Swiper.s.init (swiper.js:4348)
        at new Swiper (swiper.js:4483)
        at index.html:134





    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2017-10-14 22:14
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    83

    主题

    391

    帖子

    4万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    45220
    沙发
    发表于 2020-2-9 15:31:39 | 只看该作者
      mySwiper.startAutoplay();  
            mySwiper.reLoop();  

    ---------》
    swiper.startAutoplay();  
            swiper.reLoop();  


    这样试试
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-23 23:52 , Processed in 0.055844 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表