在owlCarousel中设置活动项

乳清蛋白

我有一个带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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在owlCarousel中设置活动项

来自分类Dev

无法在第二项活动中设置值

来自分类Dev

lightSlider-在轮播中间设置活动项

来自分类Dev

如何在ember.js中设置活动菜单栏项

来自分类Dev

如何使用一项活动中的复选框设置不同的布局?

来自分类Dev

Android在一项活动中设置了两个列表视图

来自分类Dev

如何避免在活动中设置我所有组件的模块以使用Dagger 2注入依赖项?

来自分类Dev

从第二项活动中获取价值

来自分类Dev

如何仅使用javascript设置活动导航项?

来自分类Dev

无法在 React Native 中设置活动和非活动图像

来自分类Dev

如何在jQuery中设置活动链接?

来自分类Dev

如何在Intent中设置活动标题?

来自分类Dev

在Google日历活动中设置日期

来自分类Dev

在bootstrap 3.0中如何设置活动类

来自分类Dev

AlarmManager未在活动的oncreate中设置警报

来自分类Dev

如何在 IWorkbenchPage 中设置活动页面

来自分类Dev

无法在 CSS 菜单中设置活动类

来自分类Dev

在活动记录模型中动态设置时区

来自分类Dev

仅使列表中的单击项在反应中处于活动状态

来自分类Dev

Android中的一项服务多项活动

来自分类Dev

Excel VBA在活动列中突出显示重复项

来自分类Dev

从“已添加” /“已删除”列中仅查找活动项

来自分类Dev

Android中具有不同背景的一项活动

来自分类Dev

Android Apps的一项活动中的多个异步任务

来自分类Dev

Android中的一项服务多项活动

来自分类Dev

一项活动中的三个碎片

来自分类Dev

在 QML 的 QAbstractListModel 子类中实现活动项功能

来自分类Dev

如何清除 Vue v-list 中的活动项?

来自分类Dev

OSX / Mac中的加载项永久设置

Related 相关文章

热门标签

归档