在owlCarousel中设置活动项目

Set active item in owlCarousel

本文关键字：活动 项目 设置 owlCarousel      更新时间：2023-12-09

我有一个有3个项目的猫头鹰转盘，转盘每页显示一个项目。在每个项目中，我都有html输入。

我想以编程的方式更改活动项，这样我就可以专注于它内部的输入

以下是初始配置：

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>

例如：如果我想把焦点放在input3上，我必须将当前页面设置为3，然后设置焦点。

to.owl.carousel事件转到某个位置。

参数：[position, speed]

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

根据事件文档：http://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

相关文章：