swiper loop 移动端bug

 var mySwiper = new Swiper('.swiper-container', {
        slidesPerView: 5,
        spaceBetween: 20,
        speed: 1000,
        autoplay: {
            delay: 800,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        loop: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
 var windowW = $(window).width();
    if (windowW <= 768) {
        console.log('cccc')
        mySwiper = new Swiper('.swiper-container', {
            speed: 1000,
            autoplay: {
                delay: 800,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            loop: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    }
    $(window).resize(function () {
        myChart1.resize();
        myChart2.resize();
        var windowW = $(window).width();
        if (windowW <= 768) {
            console.log('aa')
            mySwiper.destroy(false);
            mySwiper = new Swiper('.swiper-container', {
                speed: 1000,
                autoplay: {
                    delay: 800,
                    stopOnLastSlide: false,
                    disableOnInteraction: false,
                },
                loop: true,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
        }
        else {
            console.log('bb')
            mySwiper.destroy(false);
            mySwiper = new Swiper('.swiper-container', {
                slidesPerView: 5,
                spaceBetween: 20,
                speed: 1000,
                autoplay: {
                    delay: 800,
                    stopOnLastSlide: false,
                    disableOnInteraction: false,
                },
                loop: true,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
        }
    });
阅读 3.1k
1 个回答

没说版本,就按最新版答吧。

var mySwiper = new Swiper('.swiper-container', {
  autoplay:true,//等同于以下设置
  /*autoplay: {
    delay: 3000,
    stopOnLastSlide: false,
    disableOnInteraction: true,
    },*/
});

抄自官方文档……

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进