Question

如何获取猫头鹰旋转木马2的可见物品？

在Owl Carousel 1上，我能够得到它：

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

但那不再适用了。即使数据调用已更改为('owl.carousel')，这也是我已经想到的。

我从Owl Carousel 1文档中取了示例并调整了新版本的部件： http://owlgraphic.com/owlcarousel/demos/sync.html

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

我尝试了几件事，但我无法获得可见元素。

有人有想法吗？

Answer 1

似乎可见项目有css类＆＃34; owl-item＆＃34;和＆＃34;活动＆＃34;，所以使用$("#my-carousel .owl-item.active")获取jQuery对象数组，使用$("#my-carousel .owl-item.active").get()获取DOM对象数组。

Answer 2

我强烈建议您使用版本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。但后来它是整数。 Javascript是的。如果我找到解决方案，我会更新。

更新：我更新了答案。它现在有效。

猫头鹰旋转木马2获得可见元素

2 个答案: