我有一个带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] 删除。
我来说两句