大家好,我有一个我真的无法解决的问题。我在产品详细信息页面 (pdp) 上使用 Owl Carousel 来显示产品的多个图像。因为我想开始一个 AB 测试来改变图像的显示和数量,我使用 CSS 代码来隐藏 Owl Carousel 的控制按钮并一次显示所有图片并且不再真正使用 slider 选项:
但现在我遇到的问题是,第一张图像是预加载的,但由于延迟加载,我添加的所有新图像都有加载动画。
当我单击控制按钮时,它们会被加载,所以我想为什么不通过在 jQuery 中单击来伪造它,但 Owl Carousel 似乎无法识别它
jQuery('.owl-next').trigger('click');
此代码适用于所有其他元素,但不适用于控制按钮。您是否知道如何手动激活所有图像的加载?
提前致谢:)
最佳答案
来自 API events文档示例:
var owl = $('.owl-carousel');
owl.owlCarousel();
// Go to the next item
$('.customNextBtn').click(function() {
owl.trigger('next.owl.carousel');
})
运气好的话,你只需要这样的东西:
owl.trigger('next.owl.carousel');
关于jquery - Owl Carousel 显示后的停用延迟加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58061020/