Question

我的Owl Carousel上有3个项目，但是我不想在移动设备上显示所有项目，或者我想从第二个位置启动Carousel。为此，我使用

startPosition:

仍然无法正常工作。有什么好的解决方案吗？

$('.reviews').owlCarousel({
        loop:true,
        margin:10,
        autoplay:false,
        lazyLoad:true,
        startPosition: 1,
        autoplayTimeout:3000,
        autoplayHoverPause:true,
        responsiveClass:true,
        navText : ["<i class='fa fa-angle-left ca-left-arrow'></i>","<i class='fa fa-angle-right ca-right-arrow'></i>"],
        responsive:{
            0:{
                items:1,
                nav:true,
            },
            480:{
                items:1,
                nav:true,
                autoplay:true,
            },

            600:{
                items:2,
                nav:true,
                autoplay:true,
            },
            1000:{
                items:3,
                nav:false,
                loop:true,
                autoplay:false,
            }
        }
    })

Answer 1

var owl = $('.reviews').owlCarousel({
    loop:true,
    margin:10,
    autoplay:false,
    lazyLoad:true,
    startPosition: 1,
    autoplayTimeout:3000,
    autoplayHoverPause:true,
    responsiveClass:true,
    navText : ["<i class='fa fa-angle-left ca-left-arrow'></i>","<i class='fa fa-angle-right ca-right-arrow'></i>"],
    responsive:{
        0:{
            items:1,
            nav:true,
        },
        480:{
            items:1,
            nav:true,
            autoplay:true,
        },

        600:{
            items:2,
            nav:true,
            autoplay:true,
        },
        1000:{
            items:3,
            nav:false,
            loop:true,
            autoplay:false,
        }
    }
})
owl.trigger('to.owl.carousel', index);

索引是您要开始的数字。

如何更改Owl Carousel在移动设备上的开始位置

1 个答案: