javascript - 滑动后idangero滑块开始自动播放不起作用

Question

您好，我正在使用iDangero.us 滑块，在刷卡后恢复重播/自动播放时遇到问题。

以下是程序详细信息：“创建一个具有自动播放和可点击分页按钮的 iPad 滑块。如果用户停止使用/滑动滑块，它将在不刷新页面的情况下恢复自动播放。”

<script>
    var mySwiper = new Swiper('.swiper-container',{
        pagination: '.pagination',
        loop:true,
        autoplay: 2000,
        speed:1000,
        autoResize:true,
        paginationClickable: true,
        onTouchStart : function() {
            slideTouched();
        }
    })

    $('.pagination').on('click',function() {
        mySwiper.stopAutoplay();
        mySwiper.params.autoplay = 10000;
        mySwiper.startAutoplay();
    });

    var timer = null;
    function slideTouched(){
        mySwiper.stopAutoplay();
        mySwiper.params.autoplay = 10000
        mySwiper.startAutoplay();
    }
</script>

• 链接到现场演示 - http://emannthod.0fees.net/stock1/

我相信问题出在功能slideTouched()上。我不认为mySwiper是在函数内部定义的。请帮我修复刷卡后的自动播放功能。

Answer 1

设置此参数：

autoplayDisableOnInteraction:false

Answer 2

您提供的链接中的实时演示代码具有slideTouched()定义为的功能

function slideTouched(){
    Swiper.stopAutoplay();
    Swiper.params.autoplay = 10000
    Swiper.startAutoplay();
}

什么时候应该

function slideTouched(){
    mySwiper.stopAutoplay();
    mySwiper.params.autoplay = 10000;
    mySwiper.startAutoplay();
}

您想引用用于创建幻灯片的 Swiper 对象。