Javascript 如何启动旋转木马,然后加载页面上的第一项

Javascript 如何启动旋转木马,然后加载页面上的第一项,javascript,jquery,carousel,owl-carousel,Javascript,Jquery,Carousel,Owl Carousel,在某些情况下,我想从>3个项目启动owl旋转木马,即旋转木马按defult显示第3个编号的项目。。我看过他们的文档,没有这样的定制选项。我如何实现这一点。上面有jumptTo方法,您可以在创建自己的旋转木马后立即调用它: $(document).ready(function() { var owl = $("#owl-demo").owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds it

在某些情况下,我想从>3个项目启动owl旋转木马,即旋转木马按defult显示第3个编号的项目。。我看过他们的文档,没有这样的定制选项。我如何实现这一点。

上面有
jumptTo
方法,您可以在创建自己的旋转木马后立即调用它:

$(document).ready(function() {

    var owl = $("#owl-demo").owlCarousel({

        autoPlay: 3000, //Set AutoPlay to 3 seconds

        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]

    });

    // Now move the carousel to the third item.
    owl = $("#owl-demo").data('owlCarousel');
    owl.jumpTo(3);
});

在自己的转盘-2中

owl.owlCarousel({
    startPosition: 2
});

有几种方法可以实现这一点

  • 您可以使用猫头鹰转盘提供的选项
  • 开始位置 类型:数字/字符串 默认值:0

    起始位置或URL哈希字符串,如“#id”

  • 您可以使用事件
  • 到.owl.carousel 类型:可触发 参数:[位置、速度] 到位置

     $('.owl-one').trigger("to.owl.carousel", [2, 200]);
    
     $('.owl-one').trigger("to.owl.carousel", [2, 200]);