Javascript 如何使用JS触发woocommerce产品库灯箱打开

我正在尝试将单击侦听器绑定到将打开woocommerce产品库lightbox视图的内容

基本上，我想重新创建点击小放大镜图标的功能：（右上）

我可以使用jQuery触发该元素的单击事件

$('body').on('click', '.myElems', function(){
    $(".woocommerce-product-gallery__trigger").click();
});

。。。这已经足够有效了。但是，依赖于其他元素的存在，然后实际上点击它，会让人感到不安

有没有办法通过函数调用打开lightbox

--

---

我的示例使用jQuery是为了方便，因为这是wordpress，但vanilla JS的答案很好

在被这个问题困扰了一段时间之后。 我发现有一个带有href=#tab description的点击触发器，我想可以打开产品描述。 所以如果你

jQuery("a:not('a[href$=\"tab-description\"]')").click(function (e) {

// Any Click event that is not tab-description

}  

---

您可以在jQuery（）中编辑选择器以适合您的用例。但是这需要更多的处理，因为它会在菜单点击时触发，在这种情况下，如果你想在离开页面之前执行js，你必须处理更多可以使用unload idn的条件

你知道这一点吗？我现在也遇到了同样的问题。不幸的是没有。我最终还是用了我的问题中的黑客方法。