owlCarouselで有効なアイテムを設定する

Question

私は3アイテムのフクロウカルーセルを持っています。カルーセルは1ページに1アイテムを表示します。 各項目の中に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に設定し、フォーカスを設定します。

Answer 1

これは、イベントのドキュメントを1として

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

で動作します：あなたの答えのためのhttp://www.owlcarousel.owlgraphic.com/docs/api-events.html