为了账号安全,请及时绑定邮箱和手机立即绑定

swiper在开启自动播放后如何在关闭

swiper在开启自动播放后如何在关闭

拉莫斯之舞 2018-12-20 20:19:27
swiper开启自动播放后在关闭不了,尝试过官方提供的参数设置但没什么用.不知道哪里写错了代码如下:
查看完整描述

1 回答

?
婷婷同学_

TA贡献1844条经验 获得超8个赞

最后我通过在实例化之前加一层判断来选择在实例化时要不要添加自动轮播属性
代码:

    if(_self.banner.length > 1){

        var banner = new Swiper('.banner'+(view.activeIndex+1), {

            direction: 'horizontal',

            wrapperClass: 'banner-wrapper', // 设置外层的类名

            slideClass: 'banner-slide', // 设置滑块的类名

            slideActiveClass: 'banner-slide-active', // 设置选中滑块的类名

            autoplay: 5000, //自动滑动

            loop: true,

            observer:true,

            pagination: '.swiper-pagination',

            paginationType: 'bullets', // 分页器样式类型

            paginationClickable: true, // 分页器是否可点击

            nested: true, // 禁止父级滑块自动滑动功能

        })

    }else{

        var banner = new Swiper('.banner'+(view.activeIndex+1), {

            direction: 'horizontal',

            wrapperClass: 'banner-wrapper', // 设置外层的类名

            slideClass: 'banner-slide', // 设置滑块的类名

            slideActiveClass: 'banner-slide-active', // 设置选中滑块的类名

            /*autoplay: 5000, //自动滑动

*/                            loop: true,

            observer:true,

            pagination: '.swiper-pagination',

            paginationType: 'bullets', // 分页器样式类型

            paginationClickable: true, // 分页器是否可点击

            nested: true, // 禁止父级滑块自动滑动功能

        })

    }


查看完整回答
反对 回复 2019-01-13
  • 1 回答
  • 0 关注
  • 3811 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号