Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 猫头鹰旋转木马显示后的非活动惰性加载_Jquery_Css_Owl Carousel - Fatal编程技术网

Jquery 猫头鹰旋转木马显示后的非活动惰性加载

Jquery 猫头鹰旋转木马显示后的非活动惰性加载,jquery,css,owl-carousel,Jquery,Css,Owl Carousel,嘿,伙计们,我有个问题真的解决不了。我在产品详细信息页面(pdp)上使用owl转盘来显示产品的多个图像。由于我想启动AB测试来更改图像的显示和数量,因此我使用CSS代码来隐藏owl转盘的控制按钮,并一次显示所有图片,不再真正使用滑块选项: 但是现在我有一个问题,第一个图像是预加载的,但是我添加的所有新图像都有一个加载动画,这是因为延迟加载 当我点击控制按钮时,它们被加载了,所以我想为什么不在jQuery中用点击来假装它呢,但是owl carousel似乎不认识它 jQuery('.owl-ne

嘿,伙计们,我有个问题真的解决不了。我在产品详细信息页面(pdp)上使用owl转盘来显示产品的多个图像。由于我想启动AB测试来更改图像的显示和数量,因此我使用CSS代码来隐藏owl转盘的控制按钮,并一次显示所有图片,不再真正使用滑块选项:

但是现在我有一个问题,第一个图像是预加载的,但是我添加的所有新图像都有一个加载动画,这是因为延迟加载

当我点击控制按钮时,它们被加载了,所以我想为什么不在jQuery中用点击来假装它呢,但是owl carousel似乎不认识它

jQuery('.owl-next').trigger('click');
此代码适用于所有其他元素,但不适用于控制按钮。您是否知道如何手动激活所有图像的加载

提前感谢:)

来自API文档示例:

var owl = $('.owl-carousel');
owl.owlCarousel();

// Go to the next item
$('.customNextBtn').click(function() {
    owl.trigger('next.owl.carousel');
})
如果运气好的话,你所需要的就是这样的东西:

owl.trigger('next.owl.carousel');

我已经试过了,但他似乎没有得到点击,这是主要的问题:(好像猫头鹰转盘内部的某些东西会意识到我伪造了点击,想要一个真正的点击。我只是找到了一个方法来加载数据src属性的值(因为图像存在于那里)在我刚刚创建的src属性中:
var newthumbnail=jQuery('.owl-item.loading:nth child(1).item a img').attr('data-src');jQuery('.owl-item.loading:nth child(1).item a img').prop('src',newthumbnail);