用户操作后重置 owl carousel autoplayTimeout答案

【问题标题】：Reset owl carousel autoplayTimeout after user action用户操作后重置 owl carousel autoplayTimeout
【发布时间】：2018-05-23 12:39:32
【问题描述】：

我让 owl 使用他的默认选项 (5000)，但是当我开始拖动或使用导航时出现问题，这次 owl carousel 没有重置。如果我在 4 秒内拖动 3 张幻灯片，第 4 张幻灯片只有 1 秒，并自动跳转到下一张幻灯片。

解决办法是什么？

owlSlider.owlCarousel({
        items: numberOfSlides,
        loop: loopCarousel,
        //video: true,
        nav: true,
        navText: ['<span class="ico ico-pointer_left"></span>', '<span class="ico ico-pointer_right"></span>'],
        dots: true,
        autoplay: true,
        lazyLoad: true,
        //autoplayTimeout: 5000,
        startPosition: currentSlide,
        // autoplaySpeed: 300
        autoplayHoverPause: true
    });

【问题讨论】：

标签： javascript jquery owl-carousel owl-carousel-2

【解决方案1】：

更换幻灯片后停止自动播放并重新启动为我解决了这个问题。

var owl;

$(document).ready(function(){
    owl = $(".owl-carousel").owlCarousel({
        nav: true,
        autoplay: true,
        autoplayTimeout: 2000
    });

    owl.on('changed.owl.carousel', function(e) {
        owl.trigger('stop.owl.autoplay');
        owl.trigger('play.owl.autoplay');
    });
});

【讨论】：