Question

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

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

我能够使用jQuery触发该元素的click事件...

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

...而且效果很好。但是，依靠其他元素的存在然后虚拟地单击它会让人不安。

是否可以通过函数调用打开灯箱？

-

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

Answer 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