Etkin öğeyi owlCarousel olarak ayarlama

Question

3 öğe içeren bir baykus karuseli var, karusel sayfa başına bir öğe görüntüler. Her öğenin içinde html girdim var.

Etkin öğeyi programa göre değiştirmek istiyorum, böylece içerideki girdiye odaklanabiliyorum. İşte

başlangıç ​​yapılandırması:

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

Ve html şuna benzer: Mesela

<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> 

: Ben INput3 odaklanmayı yapmak istiyorsanız, ben Geçerli sayfayı ayarlamak zorunda 3 ve sonra odağı ayarlayın.

Answer 1

Bu olaylar docs gereğince

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

ile çalışmalıdır: Cevabınız için http://www.owlcarousel.owlgraphic.com/docs/api-events.html