鍍金池/ 問答/HTML/ swiper loop 移動端bug

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',
                },
            });
        }
    });
回答
編輯回答
囍槑

沒說版本，就按最新版答吧。

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

抄自官方文檔……

2018年6月4日 03:09