在load - Owl Carousel上选择'item‘2

Question

您好，我想知道当页面加载后，我如何选择第二个项目？

例如，Owl Carousel通常从第一个项目开始，然后在HTML结构中显示下一个项目，但是当页面加载时，我希望它在下面的HTML中显示第二个项目类：

<div class="full-screen-slider">
    <div id="banner-slider-demo-1" class="owl-carousel owl-theme owl-middle-narrow owl-banner-carousel">
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
        </div>
    </div>
   <script type="text/javascript">
        jQuery(function($){
           $("#banner-slider-demo-1").owlCarousel({stopOnHover: true,pagination: true, autoPlay: false,navigation: false,paginationSpeed : 500,singleItem:true,});
        });

    </script>
</div>

有什么办法可以用猫头鹰旋转木马做到这一点吗？

谢谢，尼克

Answer 1

您可以尝试使用事件"owl.jumpTo“或"owl.goTo”

jQuery(function($){
       var carousel = $("#banner-slider-demo-1");
       carousel.owlCarousel({stopOnHover: true,pagination: true, autoPlay: false,navigation: false,paginationSpeed : 500,singleItem:true,});
       carousel.trigger('owl.goTo', 2) 
    });

"owl.goTo“将直接转到您给它的索引。"owl.jumpTo“将使旋转木马达到所需的索引。

Answer 2

对于猫头鹰轮播2，使用to.owl.carousel事件：

carousel.trigger('to.owl.carousel', index);