Javascript 猫头鹰转盘2获取可见元素

如何获取猫头鹰转盘2的可见项目

在猫头鹰传送带1上，我可以通过以下方式获得它：

jQuery('#my-carousel').data('OwlCarousel').visibleItems;

但这已经不起作用了。甚至数据调用也已更改为

（'owl.carousel'）

，这是我已经发现的

我以Owl Carousel 1文档中的示例为例，调整了新版本的部件：

我有全部，只是可见元素的一部分仍然是个问题

我尝试了几种方法，但无法获得可见元素

---

有人有主意吗？

可见项似乎有css类“owl item”和“active”，所以使用

$（“#my carousel.owl item.active”）

获取jQuery对象数组，使用

$（#my carousel.owl item.active”）.get（）

获取DOM对象数组。

我强烈建议您使用版本1。但无论如何，答案是这样的。 对于猫头鹰2，您可以这样做：

owl.on('changed.owl.carousel', function (e) {
   console.log(": ", e.relatedTarget.settings.items)
})

如果要在页面加载时触发，请在初始化之前添加事件。像这样

var owl = $('#yourDiv')
owl.on('changed.owl.carousel', function (e) {
   //console.log("vis: ", e.property.value.items) // don't use this.
   console.log("vis: ", e.relatedTarget.settings.items)
})
owl.owlCarousel({settings})

编辑： 很抱歉这只在最初起作用。因为

e.property.value

的初始类型是Object。但后来它是整数。对。如果我找到解决方案，我会更新

---

更新：我更新了答案。它现在可以工作了。

我想您可以在元素实例上引用

项

选项