将活动类添加到猫头鹰旋转木马中的猫头鹰项目

Question

我使用猫头鹰旋转木马作为缩略图查看器并尝试将活动类添加到“猫头鹰项目”中。我已经尝试afterAction和afterInit根据猫头鹰旋转木马文档，都添加到第一个项目的活动类，但没有其他选择时。

owldemo.owlCarousel({ 
items : 4, 
responsive:false, 
pagination: false, 
navigation: true, 
afterAction: function(el){ 
//afterinit: function(el)//same results 

    this 
    .$owlItems 
    .removeClass('active') 

    this 
    .$owlItems 
    .eq(this.currentItem) 
    .addClass('active') 

} 
}); 

Answer 1

https://codepen.io/OwlFonk/pen/dnEga/

<button id="btn">Check Current Item</button> 

$("#btn").click(function(){ 

    var active = carousel.find(".owl-item.active"); 

    alert(active.text()) 

})