Javascript 为什么我的Featherlight gallery需要点击两下才能激活?

Javascript 为什么我的Featherlight gallery需要点击两下才能激活?,javascript,jquery,woocommerce,featherlight.js,Javascript,Jquery,Woocommerce,Featherlight.js,我的羽毛灯画廊需要点击两下才能激活。 你知道为什么吗? 这是我的密码 Javascript/jQuery: $(".woocommerce-product-gallery").attr({ "data-featherlight-gallery" : "", "data-featherlight-filter" : "a" }); HTML: 我无法摆脱容器,因为它们是Woocommerce插件动态的一部分 以下是一个例子: 点击鞋子一次。。。然后两次。请参阅?由于

我的羽毛灯画廊需要点击两下才能激活。 你知道为什么吗? 这是我的密码

Javascript/jQuery:

    $(".woocommerce-product-gallery").attr({
    "data-featherlight-gallery" : "",
    "data-featherlight-filter" : "a"
});
HTML:


我无法摆脱容器,因为它们是Woocommerce插件动态的一部分

以下是一个例子:
点击鞋子一次。。。然后两次。请参阅?

由于此错误,第一次单击不起作用:

Featherlight:未找到内容筛选器(未指定目标)

featherlight.js的第227行


您可以在第一次单击gallery后检查浏览器控制台,您应该会看到相同的错误

Javascript控制台显示此错误:

“Featherlight:未找到内容筛选器(未指定目标)”

此错误通常发生在绑定Featherlight后将图像添加到Featherlight时。要防止此错误,可以在动态添加图像后手动绑定Featherlight:

$('woocommerce-product-gallery__wrapper').featherlight();

嗨,杰拉尔多。那条线没能解决问题。。。但你的思路是对的。这就是最终的效果(通过在设置featherlight属性后放置此项):$('.woocommerce产品库').featherlightGallery();我会把你的答案标记为正确。非常感谢!这个给我修好了!
$('woocommerce-product-gallery__wrapper').featherlight();