在owlCarousel中設置活動項目

我有一個包含3個項目的貓頭鷹傳送帶，傳送帶每頁顯示一個項目。每個項目裏面都有html輸入。在owlCarousel中設置活動項目

我想以編程方式更改活動項目，以便我可以專注於它內部的輸入。

這是初始配置：

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>

例如：如果我想要專注於輸入3，我必須設置當前頁面到3，然後設置焦點。

來源

2016-04-03 anyeloamt

這應該與

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

按照事件的文檔工作：http://www.owlcarousel.owlgraphic.com/docs/api-events.html

來源

2016-04-03 21:50:18 tyler

泰勒感謝您的回答。它只需要很小的改變。 '$（「＃carousel」）。trigger（「to.owl.carousel」，[2，1，true]）;'。我在[Github上的此問題]上找到了它（https://github.com/OwlCarousel2/OwlCarousel2/issues/166#issuecomment-46452372）。 – anyeloamt

@anyeloamt太棒了，我已經更新了我的答案以反映它。隨意標記爲正確，以便其他人四處搜索將知道你有答案 – tyler

@tyler答案中的鏈接已關閉。同時：https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html 真實代表什麼？ –

在owlCarousel中設置活動項目

回答

相關問題