我正在使用 Owl Carousel 2 开发一个网站。
我只想检测哪个项目显示在前面。
以前是这样的。http://owlgraphic.com/owlcarousel/demos/owlStatus.html http://owlgraphic.com/owlcarousel/demos/owlStatus.html
$(document).ready(function() {
var owl = $("#owl-demo"),
status = $("#owlStatus");
owl.owlCarousel({
navigation : true,
afterAction : afterAction
});
function updateResult(pos,value){
status.find(pos).find(".result").text(value);
}
function afterAction(){
updateResult(".currentItem", this.owl.currentItem);
}
});
但这是版本 1 的示例。
在版本2中,上面的方法不起作用,看来我们应该根据官方文档使用“info”。http://owlcarousel.owlgraphic.com/docs/api-options.html#info http://owlcarousel.owlgraphic.com/docs/api-options.html#info
我试图弄清楚它,但没有额外的示例或文档。我也浏览了 .js 文件,但无法获取它。我想知道“信息”是否还没有实现。
我并不是真的想了解信息,只是想获取当前项目的数据。
我也尝试了下面的这种方法,但它不能正常工作。
您有任何可能的解决方案吗?
var active = $("#owl-demo").find(".owl-item.active");
console.log(active.text());