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

【问题标题】：how to trigger the woocommerce product gallery lightbox to open using JS如何使用JS触发woocommerce产品库灯箱打开
【发布时间】：2019-06-02 13:48:21
【问题描述】：

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

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

我可以使用 jQuery 来触发该元素的点击事件...

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

... 这很好用。但是依赖这个其他元素的存在然后虚拟地点击它会让人不安。

有没有办法通过函数调用打开灯箱？

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

【问题讨论】：

你有没有想过这个问题？我目前遇到了同样的问题。
很遗憾没有。我最终在我的问题中使用了 hacky 方法。

标签： javascript jquery wordpress woocommerce

【解决方案1】：

在被这个问题困扰了一段时间之后。我发现有一个带有 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 的条件

【讨论】：