Aktives Element in owlCarousel setzen

Question

Ich habe ein Eulenkarussell mit 3 Elementen, das Karussell zeigt ein Element pro Seite an. Innerhalb jedes Artikels habe ich HTML-Eingaben.

Ich möchte das aktive Element programmgesteuert ändern, damit ich mich auf die Eingabe konzentrieren kann. Hier

ist die Ausgangskonfiguration:

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

Und die html sieht wie folgt aus:

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

Zum Beispiel: Wenn ich Fokus auf input3 machen wollen, ich habe die aktuelle Seite setzen zu 3 und dann den Fokus setzen.

Answer 1

sich nach den Ereignissen docs mit

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

arbeiten Dies sollte: http://www.owlcarousel.owlgraphic.com/docs/api-events.html