在owlCarousel中设置活动项目

我有一个包含3个项目的猫头鹰传送带，传送带每页显示一个项目。每个项目里面都有html输入。在owlCarousel中设置活动项目

我想以编程方式更改活动项目，以便我可以专注于它内部的输入。

这是初始配置：

var owl = $("#selector").owlCarousel({ 
    slideSpeed: 300, 
    paginationSpeed: 400, 
    items: 1, 
    itemsDesktop: false, 
    itemsDesktopSmall: false, 
    itemsTablet: false, 
    itemsMobile: false, 
    dots: false, 
    touchDrag: false, 
    mouseDrag: false 
});

和HTML看起来像这样：

<div id="selector" class="owl-carousel owl-theme"> 
    <div class="item"> 
     <input type="text" name="name1" id="input1"> 
    </div> 

    <div class="item"> 
     <input type="text" name="name2" id="input2"> 
    </div> 

    <div class="item"> 
     <input type="text" name="name3" id="input3"> 
    </div> 
</div>

例如：如果我想要专注于输入3，我必须设置当前页面到3，然后设置焦点。

来源

2016-04-03 anyeloamt

这应该与

$("#selector").trigger("to.owl.carousel", [2, 1, true])

按照事件的文档工作：http://www.owlcarousel.owlgraphic.com/docs/api-events.html

来源

2016-04-03 21:50:18 tyler

泰勒感谢您的回答。它只需要很小的改变。 '$（“＃carousel”）。trigger（“to.owl.carousel”，[2，1，true]）;'。我在[Github上的此问题]上找到了它（https://github.com/OwlCarousel2/OwlCarousel2/issues/166#issuecomment-46452372）。 – anyeloamt

@anyeloamt太棒了，我已经更新了我的答案以反映它。随意标记为正确，以便其他人四处搜索将知道你有答案 – tyler

@tyler答案中的链接已关闭。同时：https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html 真实代表什么？ –

在owlCarousel中设置活动项目

回答

相关问题